/* global selector, add divs */

div {
	float: left;
	clear: both;
}

img {
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	float: left;
	clear: both;
}

p {
	margin: 10px;
	padding: 20px;
	font-size: 30pt;
}


.container {
	background-color: peru;
	/*height: 2200px;*/
	margin-bottom: 40px;
	padding: 10px;
	width: 80%;
margin-left: 10%;
}

/*container configuration, for containing Website elements.*/
.menuheader{
	width: 90%;
	background-color: SandyBrown;
	/*height: 150px;*/
	border-radius: 20px;
	margin-left: 5%;
	padding: 10px;
	min-width: 200px;
	min-height: 70px;
}

/* big box below the header */
.maincontent {
	background-color: pink;
	width: 80%;
	margin-left: 10%;
	/*padding: 10px;*/
	/*height: 1600px;*/
	margin-top: 20px;
	font-family: 'Brush Script MT', cursive;
	font-size: 30px;
}

.simplebox {
	width: 80%;
	margin-left: 10%;
	background-color: orange;
	font-family: 'Brush Script MT', cursive;
	float: left;

}


/* little buttons that go in the header */

.menubutton {
	background-color: GoldenRod;
	width: 20%;
	height: 90px;
	margin-left: 20px;
	border-radius: 20px;
	padding: 20px;
	font-family: 'Brush Script MT', cursive;
	font-size: 30px;
	clear: right;
	min-width: 50px;
	min-height: 5px;
  
}

/* specificity css vocab  */
.tomato-color {
	background-color: tomato;
}

.big-font {
	/*font-size: 45pt;*/
}


.medium-font {
	/*font-size: 30pt;*/
}






.containerlarge {
	background-color: peru;
	/*height: 2300px;*/
	margin-bottom: 40px;
	padding: 10px;
	width: 80%;
	margin-left: 10%;
}






.containersmall {
	background-color: peru;
	height: 1500px;
	margin-bottom: 40px;
	padding: 10px;
	width: 80%;
	margin-left: 10%;
}







a {
  color: BlanchedAlmond;
  font-weight: bold;
}


.tinyfont {
	font-size: 15px;



}