#container {
height: 750px;
width: 70%;
margin-left: auto;
margin-right: auto;
/* using auto margins means you must use both left and right */
background-color: maroon;
border-radius: 100px;
/* this is more spectific by id */
}



#header {
height: 100px;
float: left;
clear: both;
margin-left: 15%;
width: 70%;
background-color: silver;
border-radius: 10px;
font-size: 24pt;
color: yellow;
}

.textarea {
height: 400px;
float: right;
margin-right: 15%;
width: 40%;
background-color: black;
color: white;
border-radius: 10px;
padding: 5%;
}



#sidebar {
height: 600px;
float: left;
margin-left: 5%;
margin-right: 5%;
width: 25%;
background-color: black;
color: white;
border-radius: 10px;
}


.menu1 {
height: 100px;
float: left;
margin-left: 13%;
margin-right: 5%;
width: 75%;
background-color: gold;
border-radius: 10px;
margin-top: 10px;
}

.menu2 {
height: 100px;
float: left;
margin-left: 13%;
margin-right: 5%;
width: 75%;
background-color: gold;
border-radius: 10px;
margin-top: 10px;
}


.menu3 {
height: 100px;
float: left;
margin-left: 13%;
margin-right: 5%;
width: 75%;
background-color: gold;
border-radius: 10px;
margin-top: 10px;
}

.menu4 {
height: 100px;
float: left;
margin-left: 13%;
margin-right: 5%;
width: 75%;
background-color: gold;
border-radius: 10px;
margin-top: 10px;
}


.menu5 {
height: 100px;
float: left;
margin-left: 13%;
margin-right: 5%;
width: 75%;
background-color: gold;
border-radius: 10px;
margin-top: 10px;
}