.topnav{
	background-color: #ffff;
	overflow: hidden;
}

.topnav a{
  	float: left;
  	color: #050505;
  	text-align: center;
  	padding: 2vh 2vw;
  	font-family: 'Patua One';
  	text-decoration: none;
  	font-size: 1.5vw;
}

.topnav a:hover {
  	background-color: #FF0000;
  	color: black;
}

.topnav a.active {
  	background-color: #050505;
  	color: white;
}

.home{
	height: 80vh;
	text-align: center;
}

.indextext{
	font-size: 4vw;
}

.middle{
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.deco{
	color: #FF0000;
	text-shadow: 0px -1px 0px #333,
	0px 2px 3px #666;
}

.whoami{
	text-align: center;
	height: 40vh;
	width: 75vw;
	margin: 0 auto;
	line-height: 1.6;
}

.textBold{
	font-size: 1.5vw;
	font-weight: 900;
}

.highlight{
	color: #FF0000;
}

.qualities{
	width: 90vw;
	padding: 0 0;
	margin:0 auto;
	height: 40vh;
	line-height: 1.6;
}

.description{
	height: 39vh;
	width: 20vw;
	float: left;
	margin:0 1vw;
	text-align: center;

}

.samples{
	text-align: center;
	margin-top: 3vh;
}

.projects{
	float: left;
	margin-top: 5vh;
	margin-left: 1.5vw;
	width: 30vw;
	text-align: center;
}

.subList{
	list-style-type: none;
	
}

.subList li{
	margin-left: 5vw;
	border: .1vw solid black;
	width: 15vw;
	margin-bottom: .2vh;
	padding: .2vw;
}

.sampleJava{
	width: 90vw;
	margin: 0 auto;
	text-align: center;
	
}


table, tbody{
	width: 70%;
	margin: 0 auto;
}

th, td{
	text-align: left;
	border-bottom: .2px solid black;
}

td{
	padding-bottom: 2px;
	padding-top: 1px;
}

.short{
	width: 25%;
}