body {
	background-color:darkblue;
}
H5 {
	color:red ;
	text-align: center ;
	font-size:50px ;
}

.navbar {
	background-color:yellow ;
	border-style: solid;
li {
		float: left;
		
}

 a {
 	display: block;
 	padding: 8px;
 	background-color: yellow;
 	}
	
}

.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navbar li {
  display: inline;
}

P {
	color:yellow ;
	text-align: left ;
	font-size:40px ;
}

.box { 
	text-align: center;
	border-width:1px;
	border-color:red;
	height: 100px; 
	width: 200 px;
	font-size: 30;
	
				}
				

.box-left{

	text-align: left;
	background-color: yellow;
	width:60%;
	height: 300px;
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	margin: 30px;
	padding: 10px;

}

.box-right{
	float:right ;
	width:60%;	
	text-align: right ;
	background-color:orange;
	border-style: solid;
	border-width: 1p;
	border-color: blue;
	margin: 30px;
	padding: 10px;

}

.box-left2{
float: left; 
text-align: left;
background-color: orange;
height: 1000px;
width: 10%;

}

.box-left3{

text-align:left;
background-color: green;
height: 500px;
width: 200px;
}



.base{
  background-color: lightgrey;
  display: flex;
  width; 10%;
  margin: 10 auto;
  }
  
.Main{
	background-color: yellow;
	width: 74%;
	}  
	
 .leftbar{
	background-color: darkgrey;
	width: 25%;
	margin-right:25px;
	}
	
.box-left4{

background-color: yellow;
width: 25%;
height: 200px;
margin: 10px;
}

.box-left5{

background-color: lightgreen;
width: 125px;
height: 50px;
}