div {
float: left;
clear: both;
}

#container {
	background-color: lightgray;
	margin-top: 1%;
	width: 98%;
	margin-left: 1%;
	margin-bottom: 1%;
	border-radius: 7px;	

}

#websitetittle {
	margin-left: 8%;
	margin-top: 1%;
	margin-right: 8%;
	padding: 2%;
	font-size: 120px;
	width: 84%;
}

.sidebar {
	width: 12%;
	margin-left: 2%;
	background-color: darkgray;
	clear: none;
	margin-top: 1%;
	border-radius: 7px;	
}


.contentdiv {
	background-color: darkgray;
	margin-left: 2%;
	width: 82%;
	height: 50%;
	clear: none;
	margin-top: 1%;
	font-size: 20px;
	margin-bottom: 2%;
	border-radius: 7px;	
}


.menuboxes {
	background-color: darkcyan;
	margin: 5%;
	width: 80%;
	font-size: 30px;
	padding: 5%;
	border-radius: 7px;	
	text-align: center;

}

/*paragraph styling*/
.paragraph {
	margin-left: 2%;
	font-size: 66px;
}

.tittle {
	margin-left: 2%;
	margin-bottom: 1%;
	font-size: 100px;
}

/*image styling*/
img {
	
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	}

.menuboxes:hover {
	background-color: lightgray;
}

a {
	display: block;
	width: 100%;
	height: 100%;
}


}