font-face {
  font-family: Custom;
  src: url(LonelyStudy.otf);
}

body { 

  font-family: Custom, verdana;
  color: white;
  
  background-color: white;
  
  list-style-type: none;
  background-position: center; 
  background-repeat: repeat;
  background-size: 1366px 768px;

}

#top { 
  
  border: 1px dashed red; 
   
  display: block; 
  width: 450px; 
  height: 100px;
  padding: 10px;
  margin-top: 100px;
  margin-left: 428px; 
}

#board {
  text-align: center;
  
  border: 1px dashed purple; 
  
  display: block; 
  width: 1000px; 
  height: 1000px;
  padding: 10px;
  margin-top: 3px;
  margin-left: 150px; 
}
  
.base {
  text-align: center;
  background-color: black;
  
  border: 1px dashed black; 
  
  display: block; 
  width: 200px; 
  height: 200px;
  padding: 10px;
  margin-top: 0px;
  margin-left: 0px; 
  
}

#box1 {
  text-align: center;
  background-color: black;
  
  border: 1px dashed green; 
  
  display: block; 
  width: 192px; 
  height: 288px;
  padding: 10px;
  margin-top: 0px;
  margin-left: 0px; 
  
}

#box2 {
  text-align: center;
  background-color: black;
  
  border: 1px dashed green; 
  
  display: block; 
  width: 192px; 
  height: 288px;
  padding: 10px;
  margin-top: -310px;
  margin-left: 220px; 
  
}