html{height:100%}body{background-color:#141a1f;color:#a6b5c5;margin:0;padding:0;min-height:100vh;display:grid;grid-template-rows:1fr auto;align-content:center}h1,h2,h3{font-weight:400}form.login{grid-row:2;margin:0 auto;display:grid;justify-content:center;align-content:center;box-sizing:border-box;font-size:1.2rem;grid-template-columns:2;gap:0.6rem;min-height:calc(100vh - 8rem)}form.login h1,form.login button{grid-column:1 / 3}form.login label{grid-column:1}form.login input[type="text"],form.login input[type="password"]{grid-column:2;border:none;background-color:transparent;border-bottom:1px dashed #404040;font-size:1rem;color:#a6b5c5}form.login button{padding:0.4rem 0;background-color:#a6b5c5;color:#000;border:none;cursor:pointer}.main{display:grid;min-height:calc(100vh - 8rem);max-width:40rem;margin:0 auto;padding:2em;box-sizing:border-box;justify-content:center;align-content:center}.extractors{columns:3}footer{display:grid;justify-content:center;align-content:stretch;height:4rem;background-color:#a6b5c5;color:#141a1f;grid-template-columns:repeat(1, 1fr)}footer span{display:block;line-height:4em;padding:0 2em;border-top:none;border-bottom:none;text-decoration:none;text-align:center}