body {margin:0px;
padding:0px;
background-color:black;
font-family:'century gothic'}

.wrap {width:90%;
margin-left:10%;
margin-top:5%}
#head{width:90%}

.nav {background-color:#BAA338;
		width:17%;
		padding:0px;
		margin-left:0px;
		margin-top:0%;
		}
		

		
.nav ul {margin-top:30px;
padding:0px;}
		
.nav ul li {list-style:none;
margin-top: 15px;
padding:0;}

.nav a {font-family:'century gothic';
	text-decoration:none;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-left:0;
	padding:7px 100% 7px 25px;
	}

.nav a:hover {background-color:yellow;}
.nav a:active {background-color:green;}

.active {background-color:green;}


.body {width:83%;
background-color:#E8FF99;}

.content {
font-size:17px;}

h1, h3 {text-align:center;}

td {padding-right:30px}

.footer {display:flex;
background-color:#205F2B;
margin-bottom:5%;
		width:90%;}

.social 
{padding:10px;
width:50%;
text-align:right}

.haha {opacity:0%;
		top:150%;
		position:absolute;
		width:81%;}
		
.grass {
width:100%;
top:0%;
position:fixed;
z-index:-1;}

.me {background-color:#A4F979;
padding-top:2%;
padding-bottom:5%;}

.me ul {list-style:none;
float:right;
margin-right:20%;
}

.me img {margin-left:20%;
margin-top:1%}



table {
margin-top:3%;
}

table img {border:10px solid #E8FF99}

td img {width:200px;}

table img:hover {border:10px solid #A4F979}

.site
{text-align:left;
width:25%;}

.site ul {
list-style:none;
color:#fff;
}

.site ul li 
{padding:0 1%;
border-bottom: 1px solid white}

.site a {text-decoration:none;
color:#fff
}

.about
{text-align:left;
width:25%;}

.about ul {
list-style:none;
color:#fff;
}

.about ul li 
{padding:0 1%;
border-bottom: 1px solid white}

.about a {text-decoration:none;
color:#fff
}

#wrap
{display:flex;
width:90%}