/* Il contenuto occupa lo spazio tra il bordo superiore e il footer. */
body.login-container {
    display: flex;
    flex-direction: column;
}

body.login-container .container {
    display: grid;
    place-items: center;
    margin: 0 auto;
    padding: 2rem 0;
}

/* Il pulsante e la nota OAuth formano un unico blocco centrato. */
.oauth-login {
    display: grid;
    justify-items: center;
    gap: .8rem;
    margin-top: 1rem;
    text-align: center;
}

.oauth-login .google-login {
    max-width: 100%;
}

.oauth-login .muted {
    margin: 0;
}

@media (max-width: 720px) {
    body.login-container .container {
        padding: 1rem 0;
    }
}