html, body { height: 100% }
body {
	background: #000;
	color: #fff;
	line-height: 1.5;
}
#content {
	position: relative;
	max-width: 600px;
	padding: 30px 20px;
	margin: 0 auto;
	font-family: -apple-system, system-ui, sans-serif;
	overflow-wrap: break-word;
}
@media (min-width: 600px) {
	#content { padding-left: 180px }
	nav { position: absolute }
}
nav {
	display: block;
	margin: 0 auto;
	width: 150px;
	left: 0;
}
#logo { width: 100% }
nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul { padding-left: 25px; }
#content > ul > li { margin: .5em 0 }
code, pre {
	background: #333;
	padding: 0 .2em;
	font-family: Consolas, Menlo, 'Liberation Mono', 'DejaVu Sans Mono', monospace;
}
pre { white-space: pre-wrap }
a { text-decoration: none }
a:link { color: #65acff }
a:visited { color: #497cb7 }
a:hover { text-decoration: underline }