html{
}

body {
	margin-top: 0px;
}

div {
float: left;
clear: both;
}

img {
float: left;
clear: both;
width: 90%;
margin-left: 5%;
}


/* style large images to be half of the parent object*/
.img {
float: left;
margin-right: 25%;
margin-left: 25%;
height: 50%;
width:50%;

}
/*This code is specifically for one image that is a green question mark, it needs to be smaller than all the other images*/
.questionimg {
float: left;
margin-right: 25%;
margin-left: 25%;
height: 1%;
width:1%;

}

#container{
	/*background-image: url(urlhere);*/
	margin-top: 10%;
	margin-left: 1%;
	border-radius: 20px;
	padding-bottom: 60%;
	width: 96%;
	margin-left: 1%;
}

#header{
	font-size: 28pt;
	margin-left: 20%;
	margin-top: 0%;
	margin-right: 27%;
	padding-left: 10%;
	padding-bottom: 0%;
	padding-right: 0%;
	padding-top: 0%;
	background-color: whitesmoke;
	border-radius: 10px;
}


/* compound selector  : colon applies when both are true */

/*

#header:hover{
	font-family: wingdings;
	font-size: 70%;
}

*/


/* actually holds small menu boxes */
.menu{
	/*cool floats menu in fixed postion*/
	position: fixed;
	background: darkgrey;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: .5%;
	padding-bottom: .5%;
	border-radius: 20px;
	margin-top: 1%;
}

/*  fixed menu is above, invisble menu is below  */

.imenu{
	clear: none;
	/*background-color: yellow;*/
	width: 25% ;
	height: 25vh;
	min-width: 300px;
}



#textarea{
	clear: none;
	font-size: 20pt;
	width: 68%;
	margin-left: 1%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-top: 2%;
	border-radius: 15px;
	background-color: gray;
}





#welcome{
	font-size: 150%;
	width: 60%;
	height: 20%;
	margin-left: 12.5%;
	padding-left: 4%;
	padding-bottom: 2%;
	padding-right: 4%;
	padding-top: 2%;
	border-radius: 15px;
	background-color: grey;
}



.submenu{
	width: 100%;
	margin-top: 5px;
 	margin-left: 0%;
	font-size: 150%;	
	padding: 2%;
	background-color: grey;
	border-radius: 10px;
}



.favgames{
	font-size: 150%;
	width: 45%;
	height: 20%;
	margin-left: 20%;
	padding-left: 6%;
	padding-bottom: 7%;
	padding-right: 6%;
	padding-top: 3%;
	border-radius: 15px;
	background-color: ghostwhite;
}


.favgamestitle{
	font-size: 300%;
	width: 45%;
	height: 20%;
	margin-left: 20%;
	padding-left: 6%;
	padding-bottom: 7%;
	padding-right: 6%;
	padding-top: 3%;
	border-radius: 15px;
	background-color: ghostwhite;
}