div{
float: left;
clear: both;
}

#container{
height: 800px;
width: 70%;
background-color: lightblue;
border-radius: 100px; 
margin-left: 15%;
margin-bottom: 40px;
border-style: groove;
}

.sidebarofmenus{
height: 360px;
margin-left: 2.5%;
width: 20%;
background-color: maroon; 	
margin-top: 200px;
border-style: solid;
}
/* The width of side bar and text area cannot exceed 100% */
.textarea{
height: 530px;
margin-left: 5%;
width: 60%;
background-color: lightyellow; 
margin-top: 20px;
clear: none;
border-style: solid;
}
/* No clear so that it will be side by side with the sidebar */
.home{
font-size: 30px;	
margin-top: 20px;
color: blue;
}
.champions{
font-size: 30px;	
margin-top: 20px;
color: blue;
}

.lore{
font-size: 30px;	
margin-top: 20px;
color: blue;
}

.builds{
font-size: 30px;	
margin-top: 20px;
color: blue;
}

.more{
font-size: 30px;	
margin-top: 20px;
color: blue;
}

.game{
font-size: 30px;	
margin-top: 20px;
color: blue;
}