body{font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#333;color:#fff;padding:20px;text-align:center}h1,h2{margin-top:0}main{padding:20px 20em}section{margin-bottom:20px}pre{background-color:#f4f4f4;border-radius:5px;overflow-x:auto;padding:10px}code{font-family:Consolas,monospace}.hidden{display:none}nav{align-items:flex-end;display:flex;gap:1em;justify-content:start;padding-bottom:2em}.nav-btn{background-color:#f3f3d3;border-color:#333;border-style:solid groove;border-width:0 1px 2px 0;flex:0.5;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin:0;padding:.5em 1em;transition:all .25s ease-in-out;&.active{background-color:#e3e3f3;border-color:red;border-width:0 0 2px;flex:1}}li{list-style-position:inside;padding:.5em 0}