body{
  background-color:black;
  color:red;
  
}

a{
  color:red;
}

.container{
  max-height:60px;
  min-height:1000px;
  border: 6mm ridge rgb(69, 0, 4);
  display: inline-grid;
  grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
    grid-template-rows: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
   
}

.item{
  background-color: rgb(45, 34, 3);
  border: 3mm ridge rgb(69, 0, 4);  
}

.item-1{
  grid-column-start:8;
  grid-column-end:23;
  
  grid-row-start:2;
  grid-row-end:10;
  
  display: grid;
  grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;
  grid-template-rows: 50px 50px 50px 50px 50px 50px;
}

.subitem-1{
  grid-column-start:1;
  grid-column-end:8;
  
  grid-row-start:1;
  grid-row-end:6;
}

.subitem-2{
  grid-column-start:9;
  grid-column-end:14;
  
  grid-row-start:2;
  grid-row-end:6;
}
.item-2{
  grid-column-start:2;
  grid-column-end:6;
  
  grid-row-start:2;
  grid-row-end:10;
}

.item-3{
  grid-column-start:25;
  grid-column-end:29;
  
  grid-row-start:2;
  grid-row-end:10;
}