/* makes all divs float and clear */
div {
	float: left;
	clear: both;
}

/* preset for the background */
#container {
	background-color: darkgrey;
	margin-bottom: 40px;
	width: 80%;
	margin-left: 10%;
	min-height: 2000px;
}

/* data for the about widget */
.aboutwidget {
	background-color: lightgrey;
	width: 14%;
	min-width: 120px;
	margin-left: 2%;
	margin-right: 2%;
	clear: none;
	border-radius: 20px;
	padding-left: 1vw;
	min-height: 12vh;
	margin-top: 2vh;
	padding-top: 1vh;
	font-size: 20pt;
}

/* data for the menu header */
.menuheader  {
	background-color: lightblue;
	width: 69%;
	margin-left: 2%;
	margin-right: 2%;
	clear: none;
	border-radius: 20px;
	margin-top: 2vh;

}

/* data for each menu item */
.menuitem {
	background-color: darkgray;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 2%;
	padding: 3vh;
	height: 2vh;
	border-radius: 20px;
	clear: none;
}

/* data for the main content */
.content {
	font-size: 30pt;
	margin-top: 3vh;
	margin-bottom: 3vh;
	padding-left: 15px;
	margin-left: 10%;
	margin-right: 10%;
	background-color: pink;
	border-radius: 40px;
}

/* data for the content images */
.contentimage {
	width: 50%;
	min-width: 200px;
	margin-left: 25%;
	border-radius: 40px;
}

/* data for the content images on tab 6 */
.contentimageFP {
	width: 30%;
	min-width: 150px;
	margin-left: 10%; 
	border-radius: 40px;
}