* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.header {
	font-family: Oswald, sans-serif;
	font-size:32px;
	color:#000;
	min-width: 500px;
	max-width: 800px;
	background-color: #FFFFFF;
	z-index: 1000;
	margin: 0.2em 0.4em;
}

.header li {
	display: inline-block;
}

.header a {
	color: rgb(160, 50, 50);
	text-decoration: none;
}

#current {
	font-weight: 700;
	color:#64C;
}

#logo {
	font-size: 150%;
}

.log-links {
	margin: 0.6em 0.4em 0.6em 0.6em;
}

.section-head {
	font-family: Oswald, sans-serif;
	font-size:32px;
	color:#64C;
	line-height: 0.3em;
	margin: 0.6em 0.4em 0.6em 0.6em;
}

.section-body {
	font-family: Lato, sans-serif;
	display: inline-block;
}

.section-body a {
	color: #000;
	letter-spacing: 1px;
	font-weight: 600;
	text-decoration: none;
	line-height: 26px;
	font-size: 20px;
	background-color: #fff;
}

.list {
	border-width: 1px; 
	border-style: solid;
	border-color: #000000;
	border-radius: 10px;
	min-width: 500px;
	max-width: 800px;
	padding: 10px;
	margin: 10px;
}

.mca {
	background-image: url("mca.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ffiiidpe {
	background-image: url("ffiiidpe.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.path-evil {
	background-image: url("evil.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ppp {
	background-image: url("ppp.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.wotf {
	background-image: url("wotf.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.sotdl {
	background-image: url("sotdl.png");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}
a:hover { text-decoration: underline; }

.header li:after { 
	color: #000;
	font-weight: 200;
	content: " | ";
}