body{
   background-color: rgb(170, 211, 182);
}

h1{
 font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
   text-align: center;
   margin-top: 50px;
   color: rgb(15, 57, 28);
}

/*BUTTONS*/
#Button1{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
}
#Button1:hover{
   color: white;
   border: 2px solid white;
}

#Button2{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
}
#Button2:hover{
   color: white;
   border: 2px solid white;
}

#Button3{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 500px;
}
#Button3:hover{
   color: white;
   border: 2px solid white;
}

#Button4 {
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 700px;
}
#Button4:hover{
   color: white;
   border: 2px solid white;
}

#Button5 {
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 900px;
}
#Button5:hover{
   color: white;
   border: 2px solid white;
}

#Button6{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 1000px;
}
#Button6:hover{
   color: white;
   border: 2px solid white;
}

#Button7{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 700px;
}
#Button7:hover{
   color: white;
   border: 2px solid white;
}

#Button8{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 200px;
    margin-left: 700px;
}
#Button8:hover{
   color: white;
   border: 2px solid white;
}

#Button8{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
      margin-top: 100px;
    margin-left: 700px;
}
#Button8:hover{
   color: white;
   border: 2px solid white;
}

#Button9{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 200px;
    margin-left: 700px;
}
#Button9:hover{
   color: white;
   border: 2px solid white;
}

#Button10{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 900px;
}
#Button10:hover{
   color: white;
   border: 2px solid white;
}

#Button11{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 1000px;
}
#Button11:hover{
   color: white;
   border: 2px solid white;
}

#Button12{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 500px;
}
#Button12:hover{
   color: white;
   border: 2px solid white;
}

#Button13{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 600px;
}
#Button13:hover{
   color: white;
   border: 2px solid white;
}

#Button14{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
   margin-left: 650px;
}
#Button14:hover{
   color: white;
   border: 2px solid white;
}

#Button15{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 700px;
}
#Button15:hover{
   color: white;
   border: 2px solid white;
}

#Button16{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 900px;
}
#Button16:hover{
   color: white;
   border: 2px solid white;
}

#Button17{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 1000px;
}
#Button17:hover{
   color: white;
   border: 2px solid white;
}

#Button18{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
     margin-left: 1050px;
}
#Button18:hover{
   color: white;
   border: 2px solid white;
}

#Button19{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
    margin-top: 50px;
    margin-left: 700px;
}
#Button19:hover{
   color: white;
   border: 2px solid white;
}

#Button20{
   font-size: small;
   font-family: "Spectral", serif;
   font-weight: 600;
    color: rgb(15, 57, 28);
    padding: 5px;
    border: 2px solid rgb(15, 57, 28);
    background-color:   rgb(170, 211, 182);
      margin-top: 90px;
    margin-left: 700px;
}
#Button20:hover{
   color: white;
   border: 2px solid white;
}

/*TEXT*/
#Line1 {
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
}

#Line2 {
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
}

#Line3{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
   margin-left: 500px;
}

#Line4{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
     margin-left: 700px;
}

#Line5{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
  margin-left: 900px;
}

#Line6{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
    margin-left: 1000px;
}

#Line7{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
    margin-left: 700px;
}

#Line8{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
    margin-left: 700px;
}

#Line9{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
    margin-left: 700px;
}

#Line10{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
   margin-left: 900px;
}

#Line11{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
   margin-left: 1000px;
}

#Line12{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
  margin-left: 500px;
}

#Line13{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
   margin-left: 600px;
}

#Line14{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
    margin-left: 650px;
}

#Line15{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
  margin-left: 700px;
}

#Line16{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
  margin-left: 900px;
}

#Line17{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
  color: rgb(15, 57, 28);
   margin-left: 1000px;
}

#Line18{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
 color: rgb(15, 57, 28);
  margin-left: 1050px;
}

#Line19{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
 color: rgb(15, 57, 28);
  margin-left: 700px;
}

#Line20{
   display: none;
   font-family: "Spectral", serif;
  font-weight: 600;
  font-style: normal;
   color: rgb(15, 57, 28);
    margin-left: 700px;
}






/*LINKS*/
a{
  font-family: "Gabarito", sans-serif;
   display: block;
   margin-bottom: 20px;
   text-align: center;
   color: rgb(15, 57, 28);
   text-decoration: none;
   transition: color 0.3s ease;
}
a:hover{
   color: rgb(184, 236, 161);
   text-decoration: underline;
}

/*RETURN LINK*/
footer{
   padding: 20px;
   text-align: center;
   margin-top: 60px;
}