html {
 background:url(/images/tile.png);
 background-repeat: no-repeat;
 background-size: cover;
 color: #090e08;
 
  }
  
   body {
    cursor: url("/images/hand.png"), auto; 
    }
  button:hover, a:hover {
    cursor: url("/images/thepointer.png"), auto;
}

  .container {
    max-width:1000px;
    margin:50px auto;
    display: grid;
    grid-gap:30px;
  }
  
    
  header, nav, main, footer {
    border: #090e08 2px solid;
  }
  nav, main {
    background:#f4faf0;
    border-radius:10px;
    padding:10px;
    ul {
      padding: 10px;
      }
  }
  header {
    grid-row:1/2;
    grid-column:1/3 ;
    }
  nav {
    grid-row:2/3;
    grid-column:1/2;
    height: max-content;
    color:red;
  }
    
  main {
      grid-row:2/3;
      grid-column:2/3;
      height: max-content;
      }
  footer {
    text-align: center;
    grid-row:3/4;
    grid-column:1/3;
    }