:root{--clr-bg:#fdfbf5;--clr-text:#0b4d47;--clr-accent:#c8621f;--clr-accent-text:#fff;--clr-link:#313435;--clr-code-text:#360c97;--clr-code-bg:#dadfe0}body{padding:2% 4%;font-family:Geneva,sans-serif;color:var(--clr-text);background-color:var(--clr-bg);margin:0 auto;max-width:42em}h1{letter-spacing:.05em}h2{font-size:.9em}h3{color:var(--clr-accent)}nav{background:var(--clr-accent);display:flex}p{line-height:1.5rem}li{padding:.4em}dt{margin-top:.6em}dd{margin:.1em 0 .1em 1em;color:var(--clr-text)}.email{display:inline-block;margin-bottom:.5em}a{text-decoration:none;color:var(--clr-link);border-width:0 0 1px;border-style:dotted}a:focus,a:hover{color:var(--clr-accent)}code{color:var(--clr-code-text);background-color:var(--clr-code-bg);padding:.2em}pre code{display:block;overflow:auto;padding:1em;line-height:1.3em}.nav-link{border-style:none;flex-grow:1;text-align:center;padding:.5em 0;color:var(--clr-accent-text)}.nav-link:focus,.nav-link:hover{color:var(--clr-text)}