body{
background-color: #CBC9C8; 
background-color: black;
/*background-image: url(https://www.animals-zone.com/wp-content/uploads/2010/03/horses-20.jpg);*/
background-repeat: no-repeat;
}

div {
float: left;
/*  watch the float video on assignment 3, you forgot this */
}


#container {
width: 80%;
/* fixed container with to be 80 and the other stuff adds up to 20 */
margin-right: 5%;
margin-left: 5%;
padding-left: 5%;
padding-right: 5%;
/*background-color: pink;*/

}

.buttonholder {
background-color: grey;
float:left;
clear:left;
padding:5px;

}

.buttonbox {
/*background-color: pink;*/
font-size: 24pt;
}


.header{
/* fixed header width to 90 and the other stuff adds up to 10 */
width: 90%;
margin-right: 2.5%;
margin-left: 2.5%;
padding-left:  2.5%;
padding-right: 2.5%;

padding-top: 9px;
padding-bottom: 9px;
border-radius: 10px;
font-size: 30px;
background-color: skyblue;
margin-top: 10px;
clear: both;
text-align: center;
}

.textarea1{
width: 30%;
height: 200px;
font-size: 13px;
background-color: lightpink;
float:right;
margin-top: 10px;
margin-right: 10%;
margin-left: 10%;
border-radius: 10px;
padding: 10px;
}

.textarea2{
width: 30%;
height: 200px;
font-size: 13px;
background-color: orchid;
float:right;
margin-top: 11px;
margin-right: 10%;
margin-left: 10%;
border-radius: 10px;
padding: 15px;

float:left;
}

.textarea3{
width: 30%;
height: 200px;
font-size: 13px;
background-color: violet;
float:right;
margin-top: 12px;
margin-right: 10%;
margin-left: 10%;
border-radius: 10px;
float:left;
padding: 15px;

}

.list{
	font-size: 12px;

}