body {
        background-position: center;
        background-size: auto;
        margin: 0;
        padding: 0;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .item1 { grid-area: header; 
             }
    .menu { grid-area: menu;
           justify-content: space-between; }
    .item2 { grid-area: left; }
    .item3 { grid-area: main; }
    .item4 { grid-area: right; }
    .item5 { grid-area: footer; }
    
    .container {
      display: grid;
      grid-template-areas:
        'header header header header header header'
        'menu menu menu menu menu menu'
        'left left main main main right'
        'left left footer footer  footer right';
      grid-gap: 5px;
      background-color: lightgray;
      padding: 5px;
      justify-content: space-around;
    }
    
    .container > div {
      background-color: rgba(255, 255, 255, 0.8);
      text-align: center;
      padding: 20px 0;
      font-size: 30px;
    }