/*general styles*/

a {
text-decoration:none;
}

img {
	width: 50%;
	height: 50%;

}

#background {
	background-color: navajowhite;
}

#container {
	background-color: rebeccapurple;
	width: 80%;
	margin-top: 25px;
	margin-left: 10%;
	margin-bottom: 25px;
	border-radius: 20px;
	float:left;
}

.header {
	background-color: steelblue;
	width: 77.5%;
	height: 180px;
	margin-right: 2.5%;
	margin-top: 25px;
	padding-bottom: 10px;
	border-radius: 20px;
	float:right;
	}

#headerstyle {
	width: 80%;
	font-size: 2.6vw;
	margin-left: 10%;
	color: white;
	text-align: center;
}
#headersubtext {
	margin-left: 15%;
	color: floralwhite;
	font-size: 1vw;
}

#menubartext {
	font-size: 1.2vw;
	text-align: center;
}

.contentarea {
	background-color: paleturquoise;
	height: 1000px;
	width: 77.5%;
	margin-right: 2.5%;
	margin-top: 20px;
	border-radius: 20px;
	margin-bottom: 25px;
	float:right;
}

.maintext  {
	width: 95%;
	margin-left: 2.5%;
	font-size:1.4vw;
}


.menubar {
	background-color: steelblue;
	width: 12.5%;
	margin-left: 2.5%;
	height: 1170px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: 20px;
	padding: 20px;	
}

.whitebox {
	background-color: whitesmoke;
	width:60%;
	margin-left: 10%;
	height: 100px;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 10%;
}

.whitebox:hover{
	background-color: lightgrey;
}

.redbox {
	background-color: palevioletred;
	width:60%;
	margin-left: 10%;
	height: 100px;
	border-radius: 20px;
	margin-bottom: 15px;
	padding: 10%;
}

.plantpos {
	width: 60%;
	margin-right: 30%;
	float: right;
}

.Gamenames {
	text-align: center;
	font-size: 4.8vh;
	float: right;
	margin-right: 4%;
	text-decoration: underline;
}

.Gameimages {
	margin-left: 9%;
	float:left;
	margin-top: 10px;
	border-width: 10px;
	border-color: black;
}

.Gameimages:hover {
	width: 52%;
	height: 52%;
	margin-left: 8%;
}

.Gamedescriptions {
	float: right;
	font-size: 2vh;
	width: 35%;
	margin-right: 3%;
}

/*materials list styles	*/

.listtext {
	font-size: 1.5vw;
}

.imagecontainer {
	height: 600px;
	background-color:paleturquoise ;
	width: 75%;
	margin-right: 12.5%;
	float: right;
}

.imgfloat {
	float:left;
}