* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

body {
	padding: 10px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #002b36;
	color: #839496;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

#topnav {
	padding-bottom: 20px;
	font-size: 18px;
	text-align: center;
}

#topnav a {
	padding-left: 2px;
	padding-right: 2px;
	color: #859900;
	text-decoration: none;
}

#topnav a:hover {
	text-decoration: none;
}

main>:first-child {
	margin-top: 0;
}

main>:last-child {
	margin-bottom: 0;
}

#blog-post-list,
#project-list {
	color: #586e75;
}

#blog-post-list a,
#project-list a {
	color: #839496;
	text-decoration: none;
}

#blog-post-list a:hover,
#project-list a:hover {
	text-decoration: underline;
}

#blog-post a,
#about a {
	color: #2aa198;
	text-decoration: none;
}

#blog-post a:hover,
#about a:hover {
	text-decoration: underline;
}

pre code {
	border: 1px solid #839496;
	font-size: 14px;
	line-height: 1.1em;
	tab-size: 4;
}

#footer {
	padding-top: 10px;
	font-size: 12px;
	text-align: left;
}

#footer hr {
	border: 1px solid #839496;
}

#footer a {
	color: #839496;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
}