body {
  background-image: url(hubble_horsehead_full.jpg); 
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  color: white;
} 

  .item1 { grid-area: nav; }
  .item2 { grid-area: header; }
  .item3 { grid-area: Left; }
  .item4 { grid-area: main; }
  .item5 { grid-area: right; }
  .item6 { grid-area: footer; }
      
  .grid-container {
    display: grid;
    grid-template-areas:
    'nav nav nav nav nav nav'
    'header header header header header header'
    'Left Left main main right right'
    'footer footer footer footer footer footer';
     grid-gap: 5px;
     background-color:transparent;
     padding: 10px;	  
   }

   .grid-container > div {
  background-color:transparent;
  text-align: center;
  padding: 10px;
  font-size: 30px;
  }