div {
	float: left;
	clear: both;
	border:  2px solid black;
	border-radius: 20px;
	color: black;
}

p {
	color: purple;
	font-size: 48px;
}

/* style the images */
img {
	width: 25%;
	height: 20%;
	margin-left: 35%;
}

/* make sure everything fits corectly */
#container {
	background-color: purple;
	height: 1800px;
	margin-bottom: 40px;
	width: 100%;
}

.menubar {
	width: 100px;
	margin-left: 2%;
	margin-top: 3%;
 	background-color: cyan;
 	height: 95%;
}

.contentstuff {
	background-color: orange;
	width: 79%;
	margin-left: 1%;
	margin-top: 0.5%;
	height: 1765px;
	clear: none;
	padding-left: 1%;
}

/* make sure that the buttons fit in the menu bar */
.home {
	width: 71%;
	height: 16.5%;
	margin-top: 4.75%;
	margin-left: 10%;
	background-color: purple;
	color: orange;
	padding-left: 5%;
	padding-top: 5%;
	font-size: 60px;
}

.game {
	width: 71%;
	height: 16.5%;
	margin-top: 3.4%;
	margin-left: 10%;
	background-color: purple;
	color: orange;
	padding-left: 5%;
	padding-top: 5%;
	font-size: 60px;
}

.imgbox {
	width: 71%;
	height: 24.3%;
	margin-top: 3.3%;
	margin-left: 10%;
	background-color: purple;
	color: orange;
	padding-left: 5%;
	padding-top: 5%;
	font-size: 60px;
}

.info {
	width: 71%;
	height: 16.5%;
	margin-top: 3.4%;
	margin-left: 10%;
	background-color: purple;
	color: orange;
	padding-left: 5%;
	padding-top: 5%;
	font-size: 60px;
}

.books {
	width: 71%;
	height: 20%;
	margin-top: 3.4%;
	margin-left: 10%;
	background-color: purple;
	color: orange;
	padding-left: 5%;
	padding-top: 5%;
	font-size: 60px;
}