*{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style-position:outside;padding-left:1rem}p{line-height:1.5}pre{text-wrap:wrap}html{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;padding:.5rem}body,html{display:flex}body{flex:1 1;flex-direction:column}header{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:400px){header{flex-direction:column;gap:.5rem}}section.content{align-items:center;display:flex;flex:2 1;justify-content:center}.nav-open section.content,nav{display:none}nav{flex:2 1;justify-content:center}nav,nav ul{align-items:center}nav ul{display:flex;flex-direction:column;font-size:1.5rem;font-weight:200;gap:1rem;list-style-type:none;padding:0}li>s{color:#d3d3d3;text-decoration-thickness:3px}button.navigate{background-color:rgba(0,0,0,0);border:none;cursor:pointer;font-size:1rem;text-decoration:underline}button.navigate:hover{text-decoration:none}.nav-open nav{display:flex}.grid{display:grid;grid-template-columns:repeat(2,calc(50% - .5rem));grid-gap:1rem;gap:1rem;margin:3rem}h1{font-weight:300}a{color:#000}a:hover{text-decoration:none}