:root {
    font-size: 1.2em;
}

.page-heading {
    display: none;
}

.flex-hcenter {
    height: 100%;
}

.logo {
    width: 20rem;
    min-width: 15rem;
    max-width: min(50vw, 50vh);
}

.login-box {
    height: 100%;
    display: grid;
    gap: calc(2*var(--gap));
    justify-content: center;
    justify-items: center;
    align-content: center;
}

#webauthn-login {
    width: 100%;
}

.invalid-password {
    color: #ff3030;
}