html,body{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #8c8c8c;
    z-index: -2;
}
    .containerDev {
        max-width: 800px;
        margin: auto;
        background: white;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    h1, h2 {
        color: #333;
    }
    h1 {
        text-align: center;
    }
    p {
        text-align: justify;
    }


    .background-section {

        background-image: url("../img/landscape-308706_1920.png");
        background-size: cover; /* Ajuste la taille de l'image pour couvrir la section */
        background-repeat: no-repeat;
        background-position: center; /* Centre l'image de fond */
        /* Autres propriétés de style pour la section */
        width: 100%;
        height: 100vh; /* Utilisation de la hauteur de la fenêtre du navigateur */
        position: absolute; /* Place l'arrière-plan en position absolue */
        z-index: -1; /* Met l'arrière-plan en arrière-plan par rapport aux autres éléments */
    }

    footer {

      background-color: #171717;
    }