body {
  background-color:black;
  color: white;
  text-align: left;
  font-family: Courier, Verdana;
}

.btn {
  border: none;
  background-color: inherit;
  font-size: 30px;
  font-family: Courier, Verdana;
  cursor: pointer;
  color: #551a8b;
  width: 195px;
  height:94px;
  line-height: 0px;
  margin-left:21px;
  margin-top:40px;
}


*{
  box-sizing:border-box;
}
.something{
  display:grid;
  height:1080px;
  grid-template-areas:
  'one one one one two'
  'three four five five two'
  'three four six six six'
  'three four seven eight eight'
  ;
  grid-template-rows: 250px 237px 412px 180px;
  grid-template-columns: 734px 611px 287px 69px 219px;
}
.child{
  background-color:black;
  display:grid;
}
#one{
  grid-area:one;
  background-image: url('resized/box1.gif');
  font-size: 30px;
}
#two{
  grid-area:two;
  background-image: url('resized/box2.gif');
  font-size: 30px;
}
#three{
  grid-area:three;
  background-image: url('resized/box3.gif');
  font-size: 30px;
}
#four{
  grid-area:four;
  background-image: url('resized/box4.gif');
  font-size: 30px;
}
#five{
  grid-area:five;
  background-image: url('resized/box5.png');
  font-size: 17px;
}
#six{
  grid-area:six;
  background-image: url('resized/box6.jpg');
  font-size: 30px;
}
#seven{
  grid-area:seven;
  background-image: url('resized/box7.jpg');
  font-size: 30px;
}
#eight{
  grid-area:eight;
  background-image: url('resized/box8.jpg');
  font-size: 30px;
}