#connexion{
    width: 100%;
    height: 100vh;
    background: url('https://images.unsplash.com/photo-1535048637252-3a8c40fa2172?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80');
    background-size: cover;
    filter: opacity(80%);
}

#login{
        width: 400px;
        min-height: 500px;
        background-color: rgba(10,10,10,.7);
        border: 1px solid rgba(255,255,255,.2);
}


#login_form,#contact_form{
    color: white;
}

#login_form i{
    width: 5%;
    font-size: 20px;
    line-height: 20px;
}

#login_form .login_input input,#contact_form input{
    width: 80%;
    margin: 30px 0 5px 10px;
    padding: 5px;
    background: transparent !important;
    border: none;
    color: white;
}

#login_form .login_input input:focus,#contact_form input:focus{
    outline: none;
}

#login_form .login_input,#contact_form input{
    width: 95%;
    margin: auto;
    border-bottom: 1px solid white;
}

#login_form button{
    width: 250px;
    border-radius: 20px;
}

#login_form a{
    color: #1ca83a;
    font-weight: 600;
}

#contact{
    background-color: rgba(10,10,10,.93)
}

#contact .modal-dialog div{
    background-color: transparent!important;
    color: white;
}

#contact .modal-dialog button{
    background-color: #15832d;
} 

#contact_form .modal-header, #contact_form .modal-footer{
    border: none;
}

@media screen and (max-width: 560px){
    #login_form .login_input,#contact_form input{
        width: 85%;
    }
}

@media screen and (max-width: 420px){
    #login{
        width: 95%;
    }
}