div {
float: left;
clear: both;
}

#container {
background-color: lightpink;
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
}

.headerofmenus {
width: 20%;
margin-left: 5%;
margin-top: 50px;
background-color: purple;
height: 800px;
clear: none;
font-size: 40px;
}

.menubox {
margin-top: 10px;
width: 90%;
margin-left: 4%;
clear: none;
/* we apply the google font to the class div */
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
background-color: white;
padding: 1%;
}



/*box for main writing*/
.contentstuff{
background-color: white;
width: 61%;
padding: 2%;
outline-style: solid;
outline-width: 15px;
outline-color: purple;
margin-left: 5%;
margin-right: 5%;
height: 315px;
margin-top: 50px;
clear: none;
font-size: 32px;
font-family: 'sigmar', cursive;


}

/*code to make my game look better on the website*/
.gamestuff{
padding-top: 1%;
padding-right: 10%;
padding-left: 30%;
margin-top: -420;

}

/*code to make image look better*/
img {
float:left;
width:50%;
margin-right:15%;
margin-left:35%;
margin-top: -400px;
margin-bottom: 425px;
outline-color: purple;
outline-width: 5px;
outline-style: solid;
}