*{box-sizing:inherit}html{height:100%;box-sizing:border-box}body{height:100%;background-color:#18191a;color:#fff;margin:0;font-family:sans-serif;font-size:130%}p{line-height:1.3em}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}#wrapper{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}header,footer{background-color:#252829}header{border-bottom:1px solid #88898a;margin-bottom:2em}header h1{line-height:2em}footer{border-top:1px solid #88898a;margin-top:2em}footer div{line-height:2em}header h1,main,footer div{max-width:600px;margin:0 auto;box-sizing:border-box;padding:0 2rem}