#container{
width: 100%;
height: 1300px;
background-color: black;
}


.sidebarleft{
width: 8%;
background-color: turquoise;
height: 1300px;
float: left;
}

.sidebarright{
width: 8%;
background-color: turquoise;
height: 1300px;
float: right;
}

.titleimage{
margin-left: 35.5%;
margin-top: 1%;
background-color: white;
float: left;
}
 /* the title which is an image*/
.headerformenus{
background-color: purple;
height: 46px;
margin-left: 11%;
width: 78%;
margin-top: 1%;
font-size: 17px;

}
/*holds the links*/

.submenu {
width: 7.8%;
float: left;
margin-left: 6%;
margin-top: 1%;
}
/*make the links centered*/

.contentmain{
background-color: black;
height: 75px;
margin-top: 10%;
width: 68%;
font-size: 20px;
font-family: serif;
padding: 3%;
margin-left: 12.75%;
color: white;
border: 3px solid white;
}
/*makes the text white and center the text*/

.gamecontent{
background-color: black;
height: 666px;
margin-top: 10%;
width: 53.3%;
margin-left: 21%;
color: white;
padding: 1%;
}

.contentimages{
float: middle;
margin-top: 3%;
margin-left: 15%;
}
/*The 2 images at the bottom*/

a{
color: pink;
}

#img2{
  
  display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 2%;
}

#img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#p1{
  color: white;
  font-size: xx-large;
  margin-left: 43%;
  margin-top: 2%;
}