.panneau{
    opacity: 0.9;
    background-color: black;
    margin: auto;
    padding: 2rem;
    border-radius: 10%;
    z-index: 0;
}
body{
    background-size: cover;
    min-width: 100vw;
    min-height: 100vh;
}

.bg-input,.bg-input:focus{
    background-color: rgb(73,73,71);
    border: none;
}
.bouton{
    width: fit-content;
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
#content{
    z-index: 3;
}

@media screen and (width<576px) {
    .panneau{
        opacity: 0.7;
        background-color: black;
        margin: auto;
        padding: 2rem;
        border-radius: 10%;
        z-index: 0;
    }

    #content{
        z-index: 3;
    }
    
}

@media screen and (width>=576px) and  (width<768px) {
    .panneau{
        opacity: 0.7;
        background-color: black;
        margin: auto;
        padding: 2rem;
        border-radius: 10%;
        z-index: 0;
    }

    #content{
        z-index: 3;
    }
    
}

@media screen and (width>=768px) and  (width<992px) {
    .panneau{
        opacity: 0.7;
        background-color: black;
        margin: auto;
        padding: 2rem;
        border-radius: 10%;
        z-index: 0;
    }

    #content{
        z-index: 3;
    }
    
}