.body {
    grid-template-columns: auto;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 'logo' 'section' 'footer';
}
section {grid-area: section; padding: 1.5em; display: grid; align-items: center;}

.auth-box {margin: auto; text-align: center;}
.auth-box .title {color: gray; font-weight: bold;}
.auth-box .label {padding: 0.5em 0; color: gray;}
.auth-box .input {margin-bottom: 2em;}
.auth-box .input input {font-size: 1.2em;}
.auth-box .remember {margin-bottom: 1.5em;}
.auth-box .remember span {margin-left: 0.5em;}
.auth-box .button {margin: 1em 0; padding: 0.5em 1em; font-size: 1.2em;}
.auth-box .forgot {margin: 1em 0;}
.auth-box .policy {margin-bottom: 1em; font-size: 0.8em;}

.auth-footer .question {padding: 0.5em; vertical-align: middle; color: gray;}
.auth-footer .mailto {padding: 0.5em; vertical-align: middle;}