body {
	font-style: normal;
	/*background-color: #262221;
	background-color: #121212;
	color: #e5aa90;*/
	background-attachment: fixed;
	padding: 1em;
	padding-top: 2em;
	padding-bottom: 3em;


	max-width: 850px;
	margin: auto;
}

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

hr {
	/*background-color: #e5aa90;
	background-color: #ffd1a3;*/
	background-color: grey;
	height: 2px;
	border: none;
}

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

h1, h2, h3 { text-align: center; color: black; }
h1 { font-size: 30px; }

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

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

.topnav span {
	float: left;
	margin: 0.5em 1.7em 0.2em 0;
	text-align: center;

}
.topnav a {
	color: blue;
	text-decoration: none;
}

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

.nav {
	overflow: hidden;
	margin-bottom: -0.7em;
	margin-top: -0.7em;
}

.nav span {
	float: left;
	margin: 0em 1.7em 0em 0;
	text-align: center;

}
.nav a {
	color: blue;
	text-decoration: none;
}

.nav a:hover {
	color: darkblue;
	text-decoration: none;
  	text-shadow: 0px 0px;
	text-decoration: underline; 
}
/*.topnav a.active {
	background-color: #04AA6D;
	color: white;
}*/

a { color: darkblue; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }