body {
	font-style: normal;
	background-color: black;
	color: white;
	background-attachment: fixed;
	padding: 1em;
	padding-top: 1em;
	padding-bottom: 3em;
	font-family: monospace;
}

section {
	/* background-color: #fff3ad; */
	font-size: 1em;
	max-width: 48em;
	margin-left: auto;
	margin-right: auto;
}

hr {
	background-color: #a4f78f;
	height: 1px;
	border: none;
}

/*
main {
	padding-top: 0.5em;
	padding-bottom: 1em;
}
*/

h1, h2 { text-align: center; color: #e89989; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
}

.topnav {
	overflow: hidden;
	/*background-color: #231919;*/
}

.topnav a {
	float: left;
	color: #8f94f7;
	text-align: center;
	margin: 0.5em 1.7em 0.2em 0;
	text-decoration: none;
}

.topnav a:hover {
	color: #dbc4bd;
	text-decoration: none;
  	text-shadow: 0px 0px;
	text-decoration: underline; 
}

.topnav a.active {
	background-color: #04AA6D;
	color: white;
}

a { color: #8f94f7; text-decoration: none; }
a:hover { color: #dbc4bd; text-decoration: underline; }

code { background-color: #121212; padding: 0 0.4em 0 0.4em;}
pre.codeblock {
    background-color: #121212;
    padding: 1em;
    overflow-x: auto;
}