body {
	padding: 0;
	margin: 0;

	color: #E0E0E0;
	background-color: #121212;

	font-family: sans;
	font-size: 1.25rem;
	line-height: 1.5;
}

main { margin: 3rem 3rem 0 }
header { margin: 3rem }

@media (min-width: 62rem) {
	main {
		margin-right: 18rem;
	}
}

@media (min-width: 77rem) {
	main {
		margin-left: 18rem;
		max-width: 65ch;
	}

	header {
		position: absolute;
		top: 3rem;
		left: 3rem;
		width: 12rem;
		margin: 0;
	}
}

@media (max-width: 70ch) {
}

header a {
	color: #E0E0E0;
	text-decoration: none;
}

header a:hover {
	color: #A0A0A0;
}

main a {
	color: RoyalBlue
}

span.email span:nth-child(1) {
	display: none;
}

.marginnote {
	position: relative;
	float: right;

	font-size: 0.925rem;
	margin-right: -15rem;
	width: 12rem;
}

.marginnote_indicator {
	vertical-align: super;
	font-size: 0.5rem;
}

pre {
	padding: 0 1em;
	display: block;
	overflow-x: scroll;
}