body{
	background-color: #23724d;
	background-image: url("img/bg.gif");
	background-repeat: repeat;
}
h1, h2, h3{
	color: #e0761f;
	font-family: "Herald";
}
p, li{
	font-family: "Geometr231 BT";
	font-size: 15pt;
	color: white;
}
hr{
	width: 3px;
	color: #0b592e;
}
	
.nav{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100 px;
	margin-left: 10%;
	margin-bottom: 5%;
}
.bio{
	width: 75%;
	margin-left: 10%;
}
.char{
	width: 88%;
	margin-left: 5%;
	display: grid;
	grid-template-columns: auto, auto, auto;
	border-style: solid;
	border-width: 3px;
	border-color: #0b592e;
	border-radius: 10px;
}
.box{
	width: 88%;
	margin-left: 5%;
	padding: 15px;
	border-style: solid;
	border-width: 3px;
	border-color: #0b592e;
	border-radius: 10px;
}
.sBox{
	display: inline-block;
	width: 40.5%;
	margin-left: 5%;
	padding: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: #0b592e;
	border-radius: 10px;
}
.focus{
	width: 50%;
	margin-left: 25%;
}
a:link{
	color: #e0761f;
}
a:visited{
	color: #e0761f;
}
a:hover{
	color: #e0761f;
}