div {
	float: left;
	margin-left: 120px;
}

#container{
	background-color: teal;
	height: 1200px;
	width: 80%;
	margin-bottom: 10px;
	margin-left: 10%;
	border-radius: 50px;
}
/* stop using margin auto, does not work with float*/
/* float is needed to make youe website mobile friendly with percentages */
.headerofmenus {
	background-color: lightblue;
	height: 50px;
	width: 80%;
	margin-bottom: 10px;
	margin-left: 10%;
	border-radius: 15px;
	padding-top: 10px;
}
/* if I add padding I must reduce the width, can't exceed 100% */
.contentholder {
	background-color: lightblue;
	height: 1000px;
	width: 80%;
	margin-bottom: 10px;
	margin-left: 10%;
	border-radius: 20px;
}

p {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 25px;
}