body,html{box-sizing:border-box;height:100%;margin:0}body{background-color:#f0f0f0;color:#333;display:grid;font-family:sans-serif;grid-template-rows:auto 1fr auto;max-height:100vh;overflow:hidden;padding:1rem}.login-error{background-color:#fff0f0;border-radius:.5rem;color:red;margin:1rem 0;padding:1rem 3rem;text-align:center}h1{font-family:Red Hat Display,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-style:normal;font-weight:700;margin:0}main{align-content:center}main,main>form{display:grid;justify-content:center}main>form{background-color:#fff;border:1px solid #ccc;border-radius:1rem;box-shadow:.5rem .5rem .5rem rgba(0,0,0,.05);max-width:40rem;padding:1rem 2rem}main>form h1{text-align:center}main>form section{display:grid;margin:4rem 0}main>form section a{display:inline-block;justify-self:center}main>form small{color:#969696}footer{display:grid;font-size:76%;grid-auto-flow:column;grid-template-columns:auto auto;justify-content:space-between}