.login-container {
    margin: 2rem auto 0 auto;
    width: 90%;
    height: 100%;
    max-width: 15cm;
    max-height:unset;
}


.login {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 1rem;
    margin: 0 ;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 80%;
}

    .card.login .card-header {
        flex: 0 0 auto; 
    }

    .card.login form {
        display: flex;
        flex-direction: column;
        flex: 1; 
        overflow: hidden;
    }

.login-options {
    flex: 1; 
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.card.login button[type="submit"] {
    flex: 0 0 auto; 
    margin-top: 1rem;
}

.card.login .text-danger {
    flex: 0 0 auto;
}