body {
	
background: url(05f.png) no-repeat;
background-size: 100%; 
}
/*makes background cool ascii art*/

.topbar {
height : 75px;
width  : 100%;
background-color  : #fff;
/*good grey color #666768*/
float: top;
margin-bottom: 2%
}
/*top bar to put new pages in*/
.topbartext {
float: right;
	margin: 0 auto;
	padding: 15px;
	color: black; 
	font-size: 25px;
	font-family:courier;
}
/*text for the top bar*/
.textbox {
/*float: left;
clear: left;*/ 
margin: 0 auto;
height : 400px;
width  : 500px;
background-color  : #fff;
opacity: 0.8;
font-family:courier;
}
/*box to put text in*/
.gamebox {
/*float: left;
clear: left;*/ 
margin: 0 auto;
height : 400px;
width  : 500px;
background-color  : #fff;
opacity: 1;
font-family:courier;
}
.mortarbox {
/*float: left;
clear: left;*/ 
margin: 0 auto;
height : 550px;
width  : 550px;
background-color  : #fff;
opacity: 1;
font-family:courier;
}
.rangechartbox {
float: right;
clear: left;*/ 
margin: 0 auto;
height : 396px;
width  : 189px;
padding: 30px;
background-color  : #fff;
opacity: 1;
font-family:courier;
}
.mortarimagebox {
/*float: left;
clear: left;*/ 
margin: 0 auto;
height : 450px;
width  : 600px;
background-color  : #fff;
opacity: 1;
font-family:courier;
}
.memebox {
margin: 0 auto;
height : 330px;
width  : 200px;
background-color  : #fff;
opacity: 0.9;
font-family:courier;
}
/*box to put memes in*/
img {
max-width:100%;
max-height:100%;
}


a { color:black } 

a:visited { text-decoration: none; color:black; }
a:hover { text-decoration: none; color:black; }
a:focus { text-decoration: none; color:black; }
a:hover, a:active { text-decoration: none; color:black }
a:link {color:black; text-decoration:none; }
a {color: #FFFFFF; text-decoration: none; }
/*makes links black not purple as well as not underlined*/