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

#header {width:90%;}

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


.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;}

p {margin-left:25px;
margin-right:25px;
font-size:17px;}

.body img {width:300px;
padding-right:15px;}



.sec {
padding:2%;
margin-top:3%;
background-color:#A4F979}


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

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

.grass {height:100%;
width:100%;
top:0%;
position:fixed;
z-index:-2;}

.haha {opacity:0%;
		top:150%;
		position:absolute;
		width:81%;}
		
.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%}