.input_login {
    height: 40px;
    width: 200px;
    background-color: white;
    border: 2px solid #737999;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
}

.input_login:hover {
    border: 2px solid #EE686A;
}

.card_login {
    height: auto;
    background-color: rgb(255, 255, 255);
    padding: 10px 30px 20px 30px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 8px;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);
}

.card_error {
    height: 60%;
    background-color: rgb(255, 255, 255);
    padding: 10px 30px 20px 30px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 8px;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);
}


.login_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vh;
}

.login_button {
    font-size: 16px;
    height: 48px;
    width: 236px;
    border-radius: 8px;
}

@media (max-width: 660px) {
    .card_login {
        height: auto;
        background-color: rgb(255, 255, 255);
        padding: 10px 30px 20px 30px;
        margin: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        border-radius: 8px;
        box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);
    }
    
    .container {
        height: 90vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #000D44;
        background-size: cover; 
        background-repeat: no-repeat; 
        padding: 0vh 5vh 0vh 5vh;
        overflow-y: unset;
        overflow-x: unset;
        
    }

}