.title {
	float: left;
	border-style: double;
	background-color: #0BAFC1;
	font-size: 32pt;
	margin: 0.5%;
	margin-left: 0%;
	padding: 0.5%;
}

#sidebar {
	clear:left;
	background-color: skyblue;
	width: 10%;
	padding-bottom: 15%;
	padding-top: 0.01%;
	padding-left: 1%;
	float: left;
	border-style: ridge;
	border-color: #000000;
	border-width: 3px;
}
#sidebar-text {
	font-size: 20px;
}

.menubox {
	width: 60%;
	border-style: outset;
	border-color: #07393c;
	margin-bottom: 2.5%;
	padding-left: 5%;
	font
}

.menubox:hover {
	background-color: cadetblue;
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	text-decoration: revert;
}

#content-area {
	float: left;
	margin-left: 2.5%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 5%;
	width: 50%;
	border-style: double;
	background-color: #0BAFC1;
}

.header {
	font-size: 20pt;
}

.text {
	width: 60%;
	float: left;
	font-size: 14pt;
}

.image {
	width: 40%;
	float: left;
}

.caption {
	margin-left: 12.5%;
	font-size: 10pt;
}

#c-book-picture {
	padding-left: 10%;
	width: 80%;
	height: auto;
}

#c-picture {
	width: 60%;
	padding-left: 10%;
	height: auto;
	padding-top: 5%;
}

.list {
	float: left;
	padding-left: 5%;
}

#game {
	width: 50%;
	height: auto;
}

body {
	background-color: grey;
}