.indexhtml{
	display: flex;
	justify-content: center;
	align-items: center;
}

.htmlProjects{
	background: blue;
}
.bodyProjects {
	background: white;
	margin: 0 10%;
}
.htmlResume{
	background: blue;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bodyResume {
	
	margin: 0 10%;
}

h3 {
	font-size: 20pt;
	
}

#menu {
	padding-top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	
}
.pages{
	color: white;
}

.pages:hover{
	
	color: yellow;
}

ul li{
	display: inline;
	padding: 10px;
	margin-top: 10%;
}

ul li a {
	text-decoration: none;
	color: Black;
	font-weight: bold;
	font-size: 16pt;
}

ol li {
	list-style-type: none;
	padding: 10px;
}

ol li a {
	font-weight: bold;
	font-size: 16pt;
}


.homepage {
	
	display: flex;
	
	justify-content: space-between;
	align-items: center;
}

#aboutMe {
	
	float: left;
	width: 50%;
	<!--background: white;-->
	margin-left: 2%;
	min-height: 765px;
	padding: 0 30px;
}
.picOfMe {
	width: 100%;
	
	float: right;
}

#resume {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 3%;
	border: solid thick;
	background: white;
	
}

#resumeBorder{
	background: yellow;
	padding: 3%;
	max-width: 700px;
}

#websites {
	padding-bottom: 3%;
	
	
}

.container { 
	text-align: center;
	
}

.websiteTravel {
	padding: 0% 2%; 
	display: inline-block;
	width: 40%;
	
}

.websiteShopping {
	padding: 0% 2%;
	display: inline-block;
	width: 40%;
	
}

.website1{
	
	width: 100%;
	height: 438px;
	
	
}

.website2{
	
	width: 100%;
	height: 438px;
	
}


#otherArtWork{
	padding-bottom: 10%;
}

.onionSkinClip {
	padding: 0% 2%; 
	display: inline-block;
	background: black;
	
}

.pixelProject {
	padding: 0% 2%;
	display: inline-block;
	width: 40%;
	
}

.ProjectHeaders {
	
	border-bottom: double black;
	font-size: 20pt;
}





.pixel {
	
	
	width: 520px;
	height: 440px;
}