body,html{padding:0;margin:0;font-family:Roboto,sans-serif;line-height:1.5}.inner{width:800px;max-width:92%;margin-left:auto;margin-right:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}table{border-collapse:collapse}table td{padding:0 8px;vertical-align:top}li{margin:.5em 0}*{box-sizing:border-box}h1,h2,h3,h4,h5{font-family:Lora,serif;font-weight:500}@media(prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}#main{display:flex;flex-direction:column;min-height:100vh}header{background-color:#3a00c0;overflow:auto;color:#fff}header h1{flex-grow:1}header .inner{display:flex;align-items:center}header .inner ul.menu{list-style:none;padding:0}header .inner ul.menu li{display:inline-block}header .inner ul.menu li+li{margin-left:12px}footer{margin-top:auto;padding-top:16px;padding-bottom:16px;background-color:#eee}footer .inner{display:flex;align-items:center}footer .inner .left{flex-grow:1}#content{padding-bottom:32px;padding-top:16px}