#title {
    color: rgb(116, 180, 18);
    font-size: 75px;
    font-family: fantasy;
    -webkit-text-stroke: 3px rgb(65, 87, 21);
    background-color: rgb(170, 197, 128);
    background-image: url(imgs/backgroundgrass2.png);
    border-radius: 15px;
    box-shadow: 0 0 32px rgb(116, 180, 18);
    border: 7px solid rgb(116, 180, 18);
    outline: 5px solid rgb(65, 87, 21);
}

#backgroundstyle {
    background-color: olivedrab;
    box-shadow: 0 0 51px black;
    background-image: url(imgs/grassbackground.png);
}

body {  
    background-color: white;
    border: 21px double rgb(65, 87, 21);
    border-radius: 25px;    
}

#box1    {
  border: 5px solid black;
  outline: rgb(65, 87, 21) solid 9px;
  margin: auto;  
  padding: 20px;
  text-align: right;
  width: 570px;
  height: 410px;
  font-size: 40px;
  border-radius: 5px;
  box-shadow: 0 0 55px black;
  background-color: rgb(116, 180, 18);
  color: white;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  -webkit-text-stroke: 2px rgb(65, 87, 21);
  margin-top: 30px;
  margin-left: 450px;
  text-shadow: 3px 3px 5px black;
  background-image: url(imgs/grassbackground.png);
  background-attachment: fixed; 
}

#imgbox {
    background-color: rgb(252, 198, 137);
    border: 7px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 32px rgb(92, 37, 17) inset, 0 0 15px black;
    margin-left: -15px;
    padding: 12px 9px;
    width: 310px;
    height: 310px;
    margin-top: 30px;
    margin-right: 225px;
}

#linkstyle {
    width: 550px;
    -webkit-text-stroke: 2px rgb(116, 180, 18);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    box-shadow: 4px 4px 7px rgb(109, 109, 109);
    transition: width 0.5s, height 1s, background-color 0.25s, transform 1s, border 1s, border-radius 1s, -webkit-text-stroke 2s, font-size 1s;
    text-shadow: 0 0 0px rgb(116, 180, 18);
    align-items: center;
    overflow: hidden;
    padding: .5rem 1rem;
    margin-top: 150px;
}

#linkstyle:hover {
    border: 5px solid orangered;
    width: 600px;
    -webkit-text-stroke: 2px rgb(65, 87, 21);
    background-color: rgb(124, 83, 7);
    text-shadow: 0 0 5px orange;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: center;
    overflow: hidden;
    font-size: 40px;
    align-items: center;
    box-shadow: 0 0 51px orange;
}

#letterstylelink {
    color: orange;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    -webkit-text-stroke: 1px black;
}

#boxI {
    background-color: rgb(116, 180, 18);
    width: 375px;
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    height: 75px;
    align-items: center;
    -webkit-text-stroke: 2px rgb(65, 87, 21);
    color: white;
    font-size: 42px;
    border-top: 5px solid rgb(65, 87, 21);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0px;
    border-right: 5px solid rgb(65, 87, 21);
    border-left: 5px solid rgb(65, 87, 21);
    overflow: hidden;
    box-shadow: 0 0 15px black;
}

#boxI2 {
    background-color: rgb(116, 180, 18);
    width: 1375px;
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    height: 75px;
    align-items: center;
    -webkit-text-stroke: 2px rgb(65, 87, 21);
    color: white;
    font-size: 50px;
    border-top: 5px solid rgb(65, 87, 21);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0px;
    border-right: 5px solid rgb(65, 87, 21);
    border-left: 5px solid rgb(65, 87, 21);
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: -1731px;
    margin-right: 30px;
    box-shadow: 0 0 15px black;
}


#BUTTONlink {
    color: white;
    background-color: rgb(252, 198, 137);
    margin-left: 0px;
    width: 385px;
    height: 75px;
    text-align: center;
    font-size: 15px;
    transition: width 0.75s, height 1s, background-color 0.25s, transform 1s, border 0.1s, text-shadow 5s, font-size 1s, border-top-right-radius 1s, border-bottom-right-radius 1s;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 0 0 0px black;
    box-shadow: 0 0 15px black, -4px -4px 13px rgb(92, 37, 17) inset;
    
}

#BUTTONlink:hover {
    color: white;
    background-color: rgb(248, 223, 195);
    align-items: left;
    -webkit-text-stroke: 1px rgb(65, 87, 21);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    width: 450px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    text-shadow: 0 0 21px black;
    font-size: 25px;
}


#subboxI {
    background-color: rgb(116, 180, 18);
    width: 375px;
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    height: 75px;
    align-items: center;
    -webkit-text-stroke: 2px rgb(65, 87, 21);
    color: white;
    font-size: 35px;
    border-top: 5px solid rgb(65, 87, 21);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom: 0px;
    border-right: 5px solid rgb(65, 87, 21);
    border-left: 5px solid rgb(65, 87, 21);
    overflow: hidden;
    box-shadow: 0 0 15px black;
}

#subBUTTONlink {
    color: rgb(153, 98, 255);
    background-color: rgb(252, 198, 137);
    margin-left: 0px;
    width: 385px;
    height: 275px;
    text-align: center;
    font-size: 25px;
    transition: width 0.75s, height 1s, background-color 3.25s, transform 1s, border 0.1s, text-shadow 5s, font-size 1s;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 0 0 0px black;
    box-shadow: 0 0 15px black;
    -webkit-text-stroke: 2px rgb(87, 21, 21);
    box-shadow: 0 0 25px rgb(92, 37, 17) inset;
}

#subBUTTONlink:hover {
    color: rgb(193, 85, 255);
    background-color: rgb(252, 198, 137);
    align-items: left;
    -webkit-text-stroke: 2px rgb(87, 21, 21);
    text-decoration: none;
    width: 410px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    text-shadow: 0 0 21px black;
    font-size: 25px;
    box-shadow: 0 0 25px rgb(92, 37, 17) inset;
}

#subsubBUTTONlink {
    color: rgb(255, 98, 98);
    background-color: rgb(252, 198, 137);
    margin-left: 0px;
    width: 385px;
    height: 75px;
    text-align: center;
    font-size: 25px;
    transition: width 0.75s, height 1s, background-color 0.25s, transform 1s, border 0.1s, text-shadow 5s, font-size 1s;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 0 0 0px black;
    box-shadow: 0 0 15px black;
    border-bottom-right-radius: 15px;
    -webkit-text-stroke: 2px rgb(87, 21, 21);
    box-shadow: -4px -4px 25px rgb(92, 37, 17) inset;
}

#subsubBUTTONlink:hover {
    color: rgb(255, 85, 85);
    background-color: rgb(197, 128, 128);
    align-items: left;
    -webkit-text-stroke: 2px rgb(87, 21, 21);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    width: 450px;   
    border-bottom-right-radius: 15px;
    text-shadow: 0 0 21px black;
    font-size: 55px;
}

#box2    {
  border: 5px solid black;
  outline: rgb(65, 87, 21) solid 9px;
  margin: auto;  
  padding: 20px;
  text-align: right;
  width: 570px;
  height: 410px;
  font-size: 60px;
  border-radius: 5px;
  box-shadow: 0 0 55px black;
  background-color: rgb(116, 180, 18);
  color: white;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  -webkit-text-stroke: 2px rgb(65, 87, 21);
  margin-top: -1925px;
  margin-left: 1125px;
  text-shadow: 3px 3px 5px black;
  background-image: url(imgs/grassbackground.png);
  background-attachment: fixed
}

#imgbox2 {
    background-color: rgb(252, 198, 137);
    border: 7px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 32px rgb(92, 37, 17) inset, 0 0 15px black;
    float: left;
    margin-left: -10px;
    padding: 12px 9px;
    width: 310px;
    height: 310px;
    margin-top: -1440px;
}

#box3    {
  border: 5px solid black;
  outline: rgb(65, 87, 21) solid 9px;
  margin: auto;  
  padding: 20px;
  text-align: right;
  width: 570px;
  height: 410px;
  font-size: 60px;
  border-radius: 5px;
  box-shadow: 0 0 55px black;
  background-color: rgb(116, 180, 18);
  color: white;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  -webkit-text-stroke: 2px rgb(65, 87, 21);
  margin-top: 25px;
  margin-left: 1125px;
  text-shadow: 3px 3px 5px black;
  background-image: url(imgs/grassbackground.png);
  background-attachment: fixed
}

#imgbox3 {
    background-color: rgb(252, 198, 137);
    border: 7px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 32px rgb(92, 37, 17) inset, 0 0 15px black;
    margin-right: 2210px;
    float: left;
    padding: 12px 9px;
    width: 310px;
    height: 310px;
    margin-top: -950px;
}

#imgbox4 {
    background-color: rgb(252, 198, 137);
    border: 7px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 32px rgb(92, 37, 17) inset, 0 0 15px black;
    margin-right: 2210px;
    float: left;
    padding: 12px 9px;
    width: 310px;
    height: 310px;
    margin-top: -450px;
}

#imgbox5 {
    background-color: rgb(252, 198, 137);
    border: 7px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 32px rgb(92, 37, 17) inset, 0 0 15px black;
    margin-right: 2210px;
    float: left;
    padding: 12px 9px;
    width: 310px;
    height: 310px;
    margin-bottom: -220px;
}

#textsfinals {
    color: white;
    font-size: 50px;
    font-family: cursive;
    text-shadow: 4px 4px 5px rgb(112, 112, 112);
    -webkit-text-stroke: 2px black;
}

#BUTTONlink2 {
    color: white;
    background-color: rgb(252, 198, 137);
    margin-left: 0px;
    width: 385px;
    height: 155px;
    text-align: center;
    font-size: 25px;
    transition: width 0.75s, height 1s, background-color 0.25s, transform 1s, border 0.1s, text-shadow 5s, font-size 1s, border-top-right-radius 1s, border-bottom-right-radius 1s;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 0 0 0px black;
    box-shadow: 0 0 15px black, -4px -4px 13px rgb(92, 37, 17) inset;
    -webkit-text-stroke: 2px rgb(65, 87, 21);
    
}

#BUTTONlink2:hover {
    color: white;
    background-color: rgb(248, 223, 195);
    align-items: left;
    -webkit-text-stroke: 1px rgb(65, 87, 21);
    text-decoration: none;
    width: 450px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    text-shadow: 0 0 21px black;
    font-size: 30px;
}

#BUTTONlinkimg {
    float: left;
    border: 4px solid rgb(142, 67, 27);
    border-radius: 20px;
    box-shadow: -4px -4px 12px rgb(92, 37, 17) inset, 0 0 15px black;
}