#page-login{
    color: #0070b2;
    height:100vh;
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
 /*    background: #0070b2;
    background: -webkit-linear-gradient(to right, #3f4c6b, #0070b2);
    background: linear-gradient(to right, #3f4c6b, #0070b2);  */
    
}
.card-login{
    border-radius:5px;
    background:white;
    width:65%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 30px;
}

.input-login {
    background: transparent;
    border: 0.5px solid #0070b2;
}
.input-login:focus{
    background: transparent;
    border: 0.5px solid #0070b2;
}
.btn-login{
    width: 100%;
    color: #0070b2;
    background: white;
    padding: 6px;
    font-size: 16px;
    border : 1px solid #0070b2;
    border-radius: 5px;
}
.btn-login:hover{
    color: white;
    background: #0070b2;
    border-color: white;
}
.form-login{
    border-right: 1px solid #0070b2;
}

@media (max-width: 992px) {
    .card-login{
        width: 100%;
    }
    .form-login{
        border-bottom: 1px solid #0070b2;
        border-right : none;
    }
}