#container {
height: 900px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color:#151B54;
}

div {
	border-radius: 20px;
}

#header {
padding-left: 5%; 
/*  this padding left is what makes the title centered, adjust this and be lazy on the math*/
float:left;
/* the width and margin left are identical to the sibling textarea*/
width: 75%;
margin-left: 10%; 
margin-right: 10%;
clear: both;
margin-top: 20px;
margin-bottom: 30px;
background-color: #2B547E;

}


.gamebox {
height: 650px;
float: left;
background-color: B0EBF5;
margin-top: 20px;
margin-right: 10%;
margin-left: 10%;
border-radius: 10px;
width: 72%;
padding-left: 8%;
clear: both;
padding-top: 20px;

}



.title {
height:90px;
width:20%;
min-width: 250px;
margin-right: 2%;
float:left;
background-color:white;
margin-left: 2%;
margin-top:5px;
margin-bottom:5px;
font-size:50;
text-align: center;
vertical-align: middle;
line-height: 80px;
text-decoration: underline;
}

.lefthugmenu {
height: 90px;
width:15%;
min-width: 150px;
margin-right: 1%;
float:left;
background-color:white;
margin-left: 1%;
margin-top:5px;
margin-bottom:5px;
font-size:30;
text-align: center;
vertical-align: middle;
line-height: 80px;

}



.contentarea {
height: 650px;
float: left;
margin-left: 10%;
margin-right: 10%;
width: 80%;
/* same as sibling header something blah. */
background-color: #2B3856;
color:white;
}


.textbox {
height:550px;
width:50%;
float:right;
clear:;
background-color:#00264d;
margin-top:50px;
margin-right:100px;
margin-left:10px;
font-size: 20;
text-align: center;
line-height: 500%;
text-indent: 10;
padding-left: 20px;
padding-right: 20px;


}

.pictureframe {
height: 34%;
clear:left;
width:28%;
background-color: gray;
margin-top:65px;
margin-right:20px;
margin-left: 80px;
border-radius: 1px;
font-size: 100;
text-align: center;
line-height: 200%;
font-family: Papyrus, fantasy;
font-style: normal;
font-variant: normal;
font-weight: 500;
color: purple;

}

.pictureframe1 {
height: 40%;
clear:left;
width:30%;
background-color: gray;
margin-top:40px;
margin-right:20px;
margin-left: 35%;
border-radius: 1px;
font-size: 100;
text-align: center;
line-height: 250%;
font-family: Papyrus, fantasy;
font-style: normal;
font-variant: normal;
font-weight: 500;
color: purple;


}

 .center-fit {
   max-width: 100%;
   max-height: 100vh;
   margin: auto;
  }