a{
	color: deepskyblue;
}

body{
	background-color: black;
	color: #ff3352;
	font-family: "Courier Prime", monospace;
	font-size: 1.2em;
	text-align: center;
}

h1{
	color: deepskyblue;
	font-weight: normal;
}

h2{
	background-color: #d4b891;
	color: black;
	cursor: pointer;
	font-size: 1.1em;
	padding: 5px;
}

.blankSpace{
	cursor: none;
}

.button{
	color: deepskyblue;
	font-size:1.3em;
	text-decoration: none;
}

.button:hover {
	color: black;
	cursor: none;
}

.character{
	color: oldlace;
	display: inline-block;
	text-align: center;
}

#characters{
	text-align: center;
}

.container{
	text-align: center;
}

.deeper1{
	margin-top: 50px;
}

.deeper2{
	margin: 100px auto 100px auto;
}

.entrance{
	margin: 70px auto auto auto;
	max-width: 600px;
}

.entrance h1{
	color: oldlace;
	font-size: 1.2em;
}

.eyes{
	color: peru;
	font-family: sans-serif;
	font-size: 1.3em;
	text-decoration: none;
}

.folder{
	display: inline-block;
}

.gallery{
	margin: auto;
	max-width: 960px;
	text-align: center;
}

.gallery a{
	color: darkred;
}

.gallery h2{
	background-color: #ffc351;
	text-align: center;
}

.gallery p{
	text-align: left;
}

.galleryBack{
	margin-top: 30px;
}

.introduction{
	color: springgreen;
	margin: auto;
	max-width: 930px;
	text-align: justify;
}

.introduction div{
	display: inline-block;
	max-width: 300px;
	vertical-align: top;
}

.label{
	color: oldlace;
}

.labelGallery{
	color: #ff3352;
	margin-top: 5px;
}

.mainContainer{
	margin: auto;
	max-width: 960px;
	text-align: left;
}

.mainContainer h3{
	background-color: blueviolet;
	color: black;
	cursor: pointer;
	font-size: 1.1em;
	padding: 5px;
}

.nav{
	color: oldlace;
	margin-bottom: 40px;
}

.nav div{
	display: inline-block;
	outline: solid;
	padding: 0.5em;
}

.nav div:hover{
	background-color: maroon;
}

.nav a{
	color: oldlace;
}

.navHighlight{
	background-color: maroon;
}

.oddsAndEnds{
	margin: auto;
	text-align: left;
	width: 900px;
}

.oddsAndEnds h2{
	background-color: lightpink;
}

.oddBlurbs p{
	color:goldenrod;
	text-align:justify;
}

.quizAnswer{
	color: royalblue;
}

#run{
	color: deepskyblue;
	cursor: pointer;
	padding: 20px 0px 0px 40px;
	text-decoration: underline;
}

#runDeeper{
	padding: 40px 0px 0px 40px;
}

.subtitle{
	color: royalblue;
	margin-top: -20px;
}

.tentaclesHeader{
	color: goldenrod;
}

.tentaclesLabel{
	color: cadetblue;
	margin-top: 0px;
}

.thumbnail{
	background-image: url('img/folder.png');
	background-size: cover;
	height: 260px;
	width: 320px;
}

#thumbnail-marble-hornets{
	background-image: url('img/folder-marble-hornets-1.png');
}

#thumbnail-marble-hornets:hover{
	background-image: url('img/folder-marble-hornets-2.png');
}

#thumbnail-just-another-fool{
	background-image: url('img/folder-just-another-fool-1.png');
}

#thumbnail-just-another-fool:hover{
	background-image: url('img/folder-just-another-fool-2.png');
}

#thumbnail-the-watcher{
	background-image: url('img/folder-the-watcher-1.png');
}

#thumbnail-the-watcher:hover{
	background-image: url('img/folder-the-watcher-2.png');
}

#thumbnail-seeking-truth{
	background-image: url('img/folder-seeking-truth-1.png');
}

#thumbnail-seeking-truth:hover{
	background-image: url('img/folder-seeking-truth-2.png');
}

#thumbnail-dreams-in-darkness{
	background-image: url('img/folder-dreams-in-darkness-1.png');
}

#thumbnail-dreams-in-darkness:hover{
	background-image: url('img/folder-dreams-in-darkness-2.png');
}

#thumbnail-the-tutorial{
	background-image: url('img/folder-the-tutorial-1.png');
}

#thumbnail-the-tutorial:hover{
	background-image: url('img/folder-the-tutorial-2.png');
}

#thumbnail-slenderbloggins{
	background-image: url('img/folder-slenderbloggins-1.png');
}

#thumbnail-slenderbloggins:hover{
	background-image: url('img/folder-slenderbloggins-2.png');
}

#thumbnail-walking-the-hallowed-halls{
	background-image: url('img/folder-walking-the-hallowed-halls-1.png');
}

#thumbnail-walking-the-hallowed-halls:hover{
	background-image: url('img/folder-walking-the-hallowed-halls-2.png');
}

.warning{
	text-align: justify;
}

.whatIsSlenderman{
	color: cadetblue;
}

.whyScary{
	color: oldlace;
	margin: auto;
	text-align: left;
	width: 700px;
}

.whyScary h3{
	color: cadetblue;
	font-size: 1em;
	font-weight: normal;
}