body {
    background-image: url(background/lettuce-bacground.jpg) ;
    background-attachment: fixed ;
    background-size: 30%;
    display:grid;
    grid-template-columns: 6% 20% 48% 20% 6% ;
    grid-template-rows: repeat(20%); 
    margin:0px;
  }
  a:link{color:#2f5e24}
  a:visited{color:#2f5e24}

  #marg{grid-area:1/1/2/2;
  width:25px;
  height:205px;
  margin-top:30px;
  background:none;}


  header{ grid-area:1/3/2/4;
  width: 525px;
  height:125px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  opacity:90%; 
  background-color: white;
  border-width:5px;
  border-style:solid;
  border-color:#2f6c11;
  border-radius: 0px;
  padding-top: 20px;
  padding-left:20px;
  padding-right:none;
  padding-bottom: none;
  text-align:center;
  }
    #pagetitle{
      margin-top:100px;
      font-family: "Sour Gummy", sans-serif;
      color: #2f6c11;
      font-size: 80px;
      display:inline;
    }
  header img{
    max-height:150px;
  }
  .link{
  grid-area:1/4/2/5;
  height:150px;
  margin-top: 55px;
  margin-left:10px;
  margin-right:auto;
  margin-bottom:0px;
  margin-right: auto;
  padding:5px;
  }
    .link img{
      height:150px;
      width:auto;
    }

.navbar{ grid-area:2/2/5/3;
  margin-top: 40px;
  margin-right:auto;
  margin-bottom:30px;
  border-radius: 10px;
  width:200px;
  height:575px;
  background-image: url(background/linen-background.jpg);
  opacity:75%;
  background-size:150%; 
  outline-width: 2px;
  outline-style: dashed;
  outline-offset: 4px;
  outline-color: #116c11;
  border-width:3px;
  border-radius: 10px;
  border-style: solid;
  border-color:#116c11;
  padding:5px;
  font-family: "DynaPuff", "DM Sans", sans-serif;
  text-align: center;
  font-weight:normal;
  font-size:15px;
  color:rgb(40,70,97);
}
        h2{
        font-size:25px;
        color:#116c11;
        font-weight:bold;

 }
        #text1{
          font-family:"DM Sans", sans-serif;
          font-size:15px;
          font-weight:normal;
          color:black;
          padding:10px
        }

.box2middle{ grid-area:2/3/5/4;
  margin-top: 50px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: auto;
  width:80%;
  height:490px;
  border-width: 3px;
  border-color:#416045;
  border-style:solid;
  padding:25px;
  background: white;
  font-family: "DM Sans", sans-serif; 
  text-align:justify;
  font-weight:normal;
  font-size:small;
  overflow:auto;}
  
    #separator{
        text-align:center;}

.tiktik{ grid-area:2/4/3/5;
  margin-top: 40px;
  margin-left:auto;
  margin-bottom:30px;
  outline-width: 4px;
  outline-style: dashed;
  outline-offset: 4px;
  outline-color: #416046;
  border-width:3px;
  width:170px;
  height:100px;
  padding:10px;
  background: white; 
  font-family: "DM Sans", sans-serif;
  text-align:center;
  font-weight:normal;
  font-size:20px;
}
  #down{
    text-align:inherit;  
    font-weight:bold;
  }

.lastseason  {grid-area:3/4/4/5;
  margin-top: 0px;
  margin-left:auto;
  margin-bottom:30px;
  outline-width: 2px;
  outline-style: dashed;
  outline-offset: 4px;
  outline-color: #416045; 
  border-radius: 0px;
  border-style: solid;
  border-color:#ffffff;
  width:200px;
  height:300px;
  padding:10px;
  background: white; 
  text-align: center;
}
.lastseason img{
  width:200px;
  height:auto;
}
.lastseason p{
  font-family: "DM Sans", sans-serif;
  text-align: justify;
  font-weight:normal;
  font-size:small;
}

.gromit{
  grid-area:4/4/5/5;
  margin-top: auto;
  margin-left:auto;
  margin-bottom:30px;
  outline-width: 4px;
  outline-style: dashed;
  outline-offset: 1px;
  outline-color: #416045;
  border-width:7px;
  border-radius: 0px;
  border-style: solid;
  border-color:#ffffff;
  width: 210px;
  height: 210px;
  padding:10px;
  background: white; 
  vertical-align: bottom;
}
.gromit img{
  width: 210px;
  height:210px;
    object-fit: fill;
    object-position: center;
    outline-width: 3px;
    outline-color: #416045;
    outline-style: solid;
      }

.beds{
  grid-area:4/2/5/4;
  margin-top: 125px;
  margin-left:50px;
  margin-right:auto;
  margin-bottom:30px;
  outline-width: 3px;
  outline-style: dashed;
  outline-offset: 1px;
  outline-color: #416045;
  width: 725px;
  height: 150px;
  padding:10px;
  background: white; 
  vertical-align: bottom;
  font-family: "DM Sans", sans-serif; 
  text-align:justify;
  font-weight:normal;
  font-size:small;
}
.beds img{
  width:auto;
  height:150px;
  display: flex;
}
.beds p{
  margin-left: 490px; margin-top: -135px;
}

#footer{
  grid-area:6/1/7/7;
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto; 
  padding-top: 20px;
  padding-bottom:10px;
  background:white;
  text-align:center;
  font-family: "DM Sans", sans-serif;
  font-size: x-small;
}