.nav{background-color:#2F353F;color:#81a1c1;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:0 1rem}.nav ul{padding:0;margin:0;list-style:none;display:flex;gap:1rem}.nav a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}*{box-sizing:border-box}body{margin:0}.footer{background-color:#2F353F;color:#81a1c1;display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 1rem}.site-title{font-size:2rem}.footer ul{padding:0;margin:0;list-style:none;display:flex;gap:1rem}.footer a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem}*{font-family:monospace;color:white}