#container {
height: 600px;
width: 70%;
margin-left: auto;
margin-right: auto;
background-color: gray;
border-radius: 100px;
}
/*using the auto margin means that you have to do it both left and right*/

#header {
height: 150px;
float: left;
clear: both;
margin-left: 15%;
margin-top: 15px;
width: 70%;
background-color: silver;
color: black;
}
/*styling for the header*/

.textarea {
height: 400px;
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: silver;
color: black;	
margin-top: 15px;
text-align: center;
font-size: 20px;
padding: 1px;
text-align: left;
}
/*styling for the text area*/

.submenu {
float: left;
width: 85px;
font-size: 18px;
margin-left: 10px;
margin-right: 30px;
font-weight: bold;
}
/*submenu styling*/

.rainbow {
width: 304px;
height: 166px;
float: right;
margin-right: 5px;
margin-left: 5px;
}
/*styling for rainbow image only*/

.galaxy {
width: 304px;
height: 166px;
float: right;
margin-right: 5px;
margin-left: 5px;
}

.overwatch {
width: 304px;
height: 166px;
float: right;
margin-right: 5px;
margin-left: 5px;
}

.kart {
width: 304px;
height: 166px;
float: right;
margin-right: 5px;
margin-left: 5px;
}


#buttondiv {
	font-size: 24pt;
	width: 30%;
	margin-left: 35%;
	float: left;
}

div {
border-radius: 10px;
font-size: 15px;
}
/*styling for the div's*/

a {
color: black;
text-decoration: none;
}
/*styling stictly for a tags*/

h1 {
text-align: center;
}
/*styling strictly for h1 tags*/

body {
background-color: silver;
font-family: arial;
}
/*body styling making the entire body background silver*/

img {
margin-top: 6px;
width: 235px;
height: 250px;
}
/*styling for the images*/

p {
margin-left: 6px;
}