body {
     background-image: url("images/greentiles.jpg");
     background-size: 100%;
     padding: 0 20px;
  }
  a{
        color: white;
  }
  a:hover{
        color: #384e31;
  }
  p {
    text-align: justify;
  }
  .box {
    max-width: 1000px;
    margin: 50px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 250px minmax(0,1fr);
  }
  header{
    background-color: #00000090;
    color: #8fbc8f;
    text-align: center;
    padding: 7px;
    border: 2px solid #8fbc8f;
    border-radius: 15px;
    grid-row: 1 / 2;
    grid-column: 1 / 3;
  }
  nav{
    background-color: #8fbc8f;
    color: black;
    padding: 7px;
    border: 2px solid black;
    border-radius: 15px;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
    list-style-image: url("gifs/star.gif");
  }
  main{
    background-color: #b8ceb1;
    color: black;
    padding: 7px;
    border: 2px solid black;
    border-radius: 15px;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
  }