.header{
    margin-top: 50px!important;

}

.middle{
    margin-top: 50px;
}

.audio-cls{
    margin-top: 20px!important;
}
.tree-img{
    max-width: 100%;
     height: 80%;           /* recent 80%  */
}
.heading{
  font-family: 'Koh Santepheap', cursive;
  letter-spacing: 0.5rem;
}
.description{
    text-align: justify;
    margin-top: 20px;
}
.description h1{
    text-align: center;
    padding-bottom: 5px;
    /* padding-top: 5px; */
    color: rgb(5, 171, 69);
}
.footer i{
    color: rgb(6, 6, 6);
    padding-right: 20px;
  }
  .footer{
    text-align: center;
    padding-top: 100px;
    color: rgb(162, 240, 93)!important;
  }
  .footer h5{
    text-align: center;
    font-weight: 900;
    font-size: 35px;
    color: rgba(12, 12, 12, 0.226);;
    padding-bottom: 40px;
  }
  .footer h4{
    color: rgba(6, 190, 52, 0.701);
    font-weight: 900;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer p{
    font-size: 14px;
    color: #939393;
  }
  .footer h6{
    color: #939393;
    padding-bottom: 10px;
  }
  .footer a{
    color: rgb(14, 8, 8);
    text-decoration: none;
    padding-bottom: 10px;
    display: inline-block;
  }