html {
        background-image:url(images/MoonBG.gif);
        font-family:monospace;
        color:cornflowerblue;
        text-decoration: none;

    }
    #container {
    width: 1200px;
     margin: 0px auto;

  }
    body {
        text-decoration: none;
         margin: 20px;
         
     }
    
    .item2 {
        grid-area: menu;
        text-decoration: none;
        width: 200px;
        background-color: #ecf3ff;
        margin: 2px;
    }
    .item2 a { 
        text-decoration: none;
        font-size: 25px;
        color: #95fdfd;
    }
    .item2 a:hover {
  color: #e3ffff;
    }
    
    .item3 { 
        grid-area: main;
        text-align: center;
        background-color: #ecf3ff;
        margin: 2px;
    }
    .item3 a{
        font-size: 20px;
        
    }

    .item6 { grid-area: footer; 
    
    }

    
    #header {
        margin: 0;
    }
    
    .layout {

    display: grid;
    grid-template-areas:
    'menu main main'
    'menu main main';
    gap: 5px;
    background-color: #deadff;
    padding: 5px;
                }

    .layout > div {    
    padding: 5px 0;
    font-size: 20px;
}
    
    #footer {
        margin: auto;
        }