/* Make the login page content centered and at most half the normal page width */
#max-login-container {
    max-width: calc(var(--max-content-width) / 2);

    margin: auto;
}

/* Add some spacing between sections of the login container */
#max-login-container,
#max-login-container>form {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 2rem;
}

/* Add some spacing between input fields */
#max-login-input-fields {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
}

/* Make the p and a tag in the sign up container stay on the same line */
#max-login-sign-up-container>p,
#max-login-sign-up-container>a {
    display: inline;
}

#max-login-forgot-password {
    float: right;
}