body { margin: 2rem; }
#wrap {max-width: 40rem; line-height: 1.4rem; margin: 0 auto; }
h1 { font-size: 1.3rem; padding-top: 0.7rem; padding-bottom: 1rem; text-align: center;}
h2 { font-size: 1.2rem; padding-top: 0.8rem; }
h3 { font-size: 1rem;   padding-top: 1rem; }
h4 { font-size: 0.9rem;   padding-top: 1.1rem; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-family: monospace; }

.menu { font-family: monospace;  }
.menu {text-align: right }
.menu #logo {float: left; font-size: 1.6em; }
.menu #links {float: right; }
.menu  a {text-decoration: none; color: #000; display: block; }
.menu a:hover {text-decoration: none; font-weight: bold; }
.menu .clear { clear: both }
.menu { padding-bottom: 1em; }

.content {clear: both}
.content a {text-decoration: none; color: #000 }
.content a:hover,
.content a:hover:visited { background: #151515; color: #FFF; }
.content a:visited { color: #444; }
.content a:before {content:'{'; font-size: 1.2em; }
.content a:after  {content:'}'; font-size: 1.2em; }
.content pre { background-color: #e0e0e0; padding: 1rem; overflow-x: scroll; }