html{
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/VigilantDependentGartersnake-max-1mb.gif);
}

/* 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(https://c1.staticflickr.com/8/7790/18242658410_60c039ca7f_b.jpg);
	margin-top: 10%;
	margin-left: 1%;
	border-radius: 20px;
	padding-bottom: 60%;
}

#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: red;
	border-radius: 10px;
}

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


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

#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: green;
}

#welcome:hover{
	font-family: wingdings;
	font-size: 100%;
}

.menu{
	float: right;
	background: red;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: .5%;
	padding-bottom: .5%;
	border-radius: 20px;
	position: fixed;
	margin-top: 20%;
}

.submenu{
	width: 100%;
 	margin-left: 0%;
	font-size: 150%;	
	padding: 2%;
	background-color: pink;
	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: blue;
}


.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: blue;
}