/* id uses hash tag*/
body {
background-color: aqua;

}

img{
width: 50%;
margin-bottom:10px;
padding: 10px;


}

#container{
background-color: black;
height: 1px;
width: 90%;
margin-left: 5%;
margin-bottom: 40px;
margin-top: 10px;
}


div{
border: 4px black;
float: left;
}


/*classes use dot*/
.sidebar{
	float: left;
	clear: left;
	background-color: red;
	border-radius: 50px;
	width: 100%;
	height: 70px;
	margin-left: auto;
	margin-top: 10px;
	padding:20px;
	font-size: 40px;
	font-style: bold;
	text-align: center;
	border: 1px solid black;
}

.sidemenu{
background-color: orange;
height:50px;
width:20%;
margin-right:2%;
margin-left:2%;
margin-top:1%;
}

.sidecontent {
background-color: red;
width:80%;
margin-left:10px;
margin-bottom: 3px;
height:120px;
clear:none;
}

/* percent is for width only */