body,html{
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
}
body{
    background-image: url("misc/image_library/first_connexion.webp");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.connection-form{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.connection-form form{
    width: 40%;
    height: 80%;
    background-color: rgb(5,5,5,0.5);
    border-radius: 2rem;
    display: flex;
    flex-wrap: wrap;
}
#babadobi-logo{
    scale: 0.7;
}
.connection-form-up{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.connection-form-text-area{
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.connection-form-submit{
    width: 100%;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media  only screen and (max-width: 1150px) {
    .connection-form form{
        width: 90%;
    }
    #babadobi-logo{
        scale: 0.4;
    }
    .connection-form-text-area input{
        width: 70%;
    }
    .connection-form-text-area{
        flex-wrap: wrap;
    }
}