body {
background-color: #070266;
}

/*my original grey text box*/
#first {      
border: 10px solid white;
border-radius:100px;
background-color: #49494f; 	                     
height:830px;
width:80%;          
float:left;
clear:both;
margin-left:10%;
border: solid black;
}
/*my header*/
#header {
width:95%;
/*height:100px;*/
padding-bottom: 10px;
float:left;
clear:both;
border:10px solid grey;
background-color:black;
border-radius:50px;
margin-left:1.5%;

}

/*about button*/
.about {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left:3%;
margin-top:3%;
float: top;
border: 5px grey ;


}
/*lore button*/
.story {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left: 3%;
margin-top:3%;
float: top;
border:5px grey;

}
/*arseal button*/
.arsenal {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left:3%;
float: top;
margin-top:3%;
border:5px grey;


}
/*history button*/
.history {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left:3%;
margin-top:3%;
float: top;
border:5px grey;


}
/* game button */
.game {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left:3%;
margin-top:3%;
float: top;
border:5px grey;
 
}
.finalproject {
width: 95px;
height:50px;
background-color: #070266;
color: white;
border-radius:50px;
clear:both;
margin-left: 3%;
margin-top:3%;
float: top;
border:5px grey;

}
/*main text box/div*/
#maintextbox { 
width:80%;
height:70%;
background-color: grey;
border-radius:20px;
margin-top:20%;
margin-left:10%;
padding: 5px;
border: 3px solid black;

}
/*my home button/ghost picture and weapon images*/
#ghost {
float:right;
margin-right:5%;
margin-top:1.5%;
}
/*destiny logo*/
#logo {
margin-left: 40%;
margin-top:15%; 
}
#Ace {

height: 200px;	
width: 350px ;
} 

#Voices {
height: 200px;
width:350px;
float left: 
}

#halo {
height:200px;
margin-left:25%;
}

#monkey {
margin-left: 25%;
margin-top: 12%;
}
#mark {
height: 100px;
float: left;
}
#kingdom {
height: 200px;
margin: none;
padding-bottom: 1px;
}

#undertale{
height: 200px;
margin-left: 50%;

}
#sonic{
margin-left: 70%

}
#wood{
height: 200px;

}



/*makes my buttons change colors*/
.history:hover {
background-color:green;
}


.about:hover {
background-color: pink;
} 

.story:hover {
background-color: red;
}

.arsenal:hover {
	background-color: blue;
}