body
{text-align:center}
*{box-sizing:border-box;}

li a{
  text-decoration: none;
  font-size: 15px;
  text-align: center;

}

#blackbox
{
  background-color: #1c1816;
  width:  70px;
  height: 70px;
  margin-left: 75px;
  margin-top: 80px;
}  

#blackbox0
{
  background-color: #1c1816;
  width:  70px;
  height: 70px;
  margin-left: 0px;
  margin-top: 125px;
  display: inline-block;
}  

#blackbox1
{
  background-color: #1c1816;
  width:  70px;
  height: 70px;
  margin-left: 125px;
  margin-top: -70px;
  display: inline-block;
}  


#blackbox2
{
  background-color: #1c1816;
  width:  70px;
  height: 70px;
  margin-left: 0px;
  margin-top: 125px;
  display: inline-block;
}  


#halley
{display: inline-block;
  background-color: #ddddd3;
  width:  500px;
  height: 500px;

}

#halleybox
{display: inline-block;
  background-color: #274083;
  width:  350px;
  height: 400px;
  margin-left: 0px;
  margin-top: 100px;
}