html{height:100%}body{background-color:#111;color:#f1f1f1;margin:0;padding:0;min-height:100vh;display:grid;grid-template-rows:1fr auto;align-content:center}h1{font-weight:normal}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:.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:#f1f1f1}form.login button{padding:.4rem 0;background-color:#f1f1f1;color:#000;border:none;cursor:pointer}.main{display:grid;min-height:calc(100vh - 8rem);padding:2em 0;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:#f1f1f1;color:#111;grid-template-columns:repeat(3, 1fr)}footer a{display:block;cursor:pointer;line-height:4em;padding:0 2em;border:1px solid #111;border-top:none;border-bottom:none;text-decoration:none;text-align:center;transition:background-color linear .2s, color linear .2s}footer a:link,footer a:visited{background-color:#f1f1f1;color:#111}footer a:hover,footer a:active{background-color:#111;color:#f1f1f1}footer a.back{grid-column:1 / 4}