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: blue;
  border:4px solid black;
}

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


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


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



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

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