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

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


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


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

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

div.item.menu3{
  background-color: black;
  width: 400px;
  height:500px;
  border:4px solid black;
}

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



#pic1{
  width: 100%;
  height:100%; 
}

#pic2{
  width: 100%;
  height:100%; 
}

#div3{
  
  width: 135px;
  height:40px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40%;
  
}

#pic3{
  width: 100%;
  height:100%;
}

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

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