.login-container {
    min-height: 85vh;
    margin: 2.5rem 0% 2.5rem 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-form-container {
    max-width: 700px;
    margin-bottom: 2rem;
    padding: 2rem;
    box-shadow: 5px 7px 7px rgba(0, 0, 0, 0.4);
    border: 1px solid rgb(75, 75, 75);
    border-radius: 2rem;
}

.anchor-forgot-password {
    color: var(--bs-link-color);
    text-decoration: none;
}

.anchor-forgot-password:hover, .anchor-forgot-password:focus, .anchor-forgot-password:active {
    color: var(--bs-link-color);
}

.anchor-forgot-password:hover {
    text-decoration: underline;
}

.alert-register-container {
    width: 50%;
}

@media (max-width: 64rem) {
    .login-form-container {
        width: 75%;
    }

    .alert-register-container {
        width: 75%;
    }
}
@media (max-width: 27rem) {
    .login-form-container {
        width: 90%;
    }

    .alert > h4 {
        font-size: var(--fs-md);
    }

    .alert > p {
        font-size: var(--fs-md);
        margin-bottom: 1rem;
    }

    .alert > a {
        margin: 0%;
        font-size: var(--fs-md);
    }
}