html{
  
  background-color:#0B0B61;
}


a{
  color:black;
  text-decoration: none; 
}

a:hover{
  
  color:purple;
}


#headerText{
  font-family: Verdana, sans-serif;
	color: black;
  text-align: center;
  margin-top:30px;
  font-size: 50px;
  font-weight: bold;
}


#sidebartext{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}

div.container{

  margin: 10px;

}


div.header{
  
  margin:10px;
  width:100%;
  height:150px;
  background-color: orange;
  border:4px solid black;
}

div.footer{
  
  margin-top:20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width:100%;
  height:150px;
  background-color: orange;
  border:4px solid black;
  
}


div.item.sidebar{
  width: 250px;
  height:1000px;
  background-color: orange;
  border:4px solid black;
  
}


div.item.menu1{
  background-color: blue;
  width: 200px;
  height:300px;
  border:4px solid black;
}

div.item.menu2{
  background-color: yellow;
  width: 300px;
  height:400px;
  border:4px solid black;
}

div.item.menu3{
  background-color: green;
  width: 300px;
  height:200px;
  border:4px solid black;
}

div.item.menu4{
  background-color: red;
  width: 400px;
  height:300px;
  border:4px solid black;
}

div.item.menu5{
  background-color: orange;
  width: 400px;
  height:300px;
  border:4px solid black;
}






div.item.menu1:hover {
	background-color: #0805AC;
}

#menu1text{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}


div.item.menu2:hover {
	background-color: #CED514;
}

#menu2text{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}


div.item.menu3:hover {
	background-color: #035409;
}

#menu3text{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}


div.item.menu4:hover {
	background-color: #800000;
}

#menu4text{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}

div.item.menu5:hover {
	background-color: #ff4000;
}

#menu5text{
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: bold; 
}



div.item.fill{
  
  background-color: purple;
  width: 100px;
  height:100px;
  border:4px solid black;
}