header {
	background-image: url("images/title2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	width: 100%;
	min-height: 400px;
	overflow: hidden;
	
}

h1 {
	text-align: center;
	margin-top: 15.75em;
	margin-bottom: 0em;

}
	
h2 {
	text-align: center;
	color: #ffcc00;

}

h3 {
	text-align: center;
	
}

h3.title {
		color: #ffffff;
}



body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color, Emoji", "Segoe UI Emoji","Segoe UI Symbol";
	/* background-color: #2D4B72; */
	background-color: #000000;
	/* background-image: url("images/bluepaint.jpg"); 
	background-repeat: no-repeat;
	background-size: cover; */
	background-attachment: fixed;
	min-height: 100em;
	
}


p {
	

}

.intro {
	text-align: center;
	color: #ffcc00;
}


a{
	text-decoration: none;
	color: #ffffff;
}

a.top{
	color: #ffcc00;
	
}

a:visited {
	color: none;
	

}

article {
	background-color: #ffffff;
	width: 70%;
	margin: auto;
	padding: 3em;
	
	
}

article.images {
	background-color: #000000;
	text-align: center;
	margin: auto;
	width: 95%;
	padding: 1em;
	overflow: hidden;
}

article.comic{
	background-color: #000000;
	text-align: center;
	margin: auto;
	width: 95%;
	padding: 1em;
	overflow: hidden;


}

article.story {
	background-color: #ffffff;
	Width: 60%;
	margin: auto;
	padding: 2em;
	
	
}

article.bio {
	background-image: url("images/face.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 800px;
	
	
}


div {
	margin: auto;
	padding: 2em;
	text-align: center;
	
	
}

div.bio{
	background-color: #000000;
	opacity: 0.5;
	color: #ffffff;
	
	
}

ol {

	list-style-type:none;
	margin-bottom: 0.5em;
	
}
	



li {

	display: inline-block;
	padding-top:2em
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1px;
	

}

Footer{
	text-align: center;
	padding: 1em;
	color: #ffcc00;
}