body:has(#login-account-form) header {
    display: none;
}
.extra-container-content {
    animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    width: 100%;
}
#login-layout-container {
    display: grid;
    align-content: center;
    grid-auto-rows: min-content;
    justify-content: center;
    gap: 1rem;
}
@keyframes show {
    100% {
        opacity: 1;
        transform: none;
    }
}
#links-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    & > p {
        text-align: center;
        white-space: nowrap;
    }
}