body{
   background-color: rgb(252, 248, 242); 
}
.header{
    border-radius: 25px;
    background-color: rgb(154, 223, 133);
    padding: 3%;
    display: block;
    height: 40px;
    box-shadow: 1.0px 3px 4px hsla(223, 65%, 26%, 0.47);

}
.logo{
    position: absolute;
    width: 200px;
    top: -30px;
}
.header li{
    font-size: 40px;
    color: darkslategray;
    font-family: Palanquin;
    display: inline;
    padding-left: 60px;
    float:inline-end;
    position: relative;
    top: -35px;
    right: 260px;
}
.header li a{
    color: darkslategray;
    text-decoration: none;
    padding: 1px;
}
.header li a:hover{
    border-radius: 25px;
    background-color: rgb(211, 243, 175);
    color: rgb(66, 112, 112);
    text-decoration: none;
    padding: 1px;
}
.home{
    border-radius: 25px;
    background-color: rgb(213, 248, 202);
    margin-top: 30px;
    padding: 3%;
    display: block;
    height: 100%;
    box-shadow: 1.0px 3px 4px hsla(223, 65%, 26%, 0.47);
    font-family: palanquin;
    
}
h1{
    color:rgb(43, 95, 28) ;
    font-size: 50px;
    background-color: rgb(170, 240, 149);
    border-radius: 25px;
}
@keyframes appear{
    from{
        opacity: 0;
        scale: 0.8;
    }
    to{
        opacity: 1;
        scale: 1;
    }
}
.block {
    position: absolute;
    top: 100px;
    right: 20px;
    background-color: rgb(98, 146, 69);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%;
  }
  .block2 {
    position: absolute;
    bottom: 380px;
    right: 20px;
    background-color: rgb(98, 146, 69);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%;
  }
  .block3 {
    position: absolute;
    bottom: 100px;
    right: 20px;
    background-color: rgb(98, 146, 69);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%;
  }
.conta{
    position: relative;
}

.nature{
    border-radius: 25px;
    opacity: 80%;

}
.footer{
    margin-top: 30px;
    border-radius: 25px;
    background-color: rgb(154, 223, 133);
    padding: 3%;
    display: block;
    height: 160px;
    box-shadow: 1.0px 3px 4px hsla(223, 65%, 26%, 0.47);
}

.footer h2{
    color:rgb(86, 138, 72) ;
    font-family: palanquin;
}
b{
    color:rgb(106, 167, 89) ;
    font-family: caveat;
   font-size: 30px;
}
p{
    font-family: palanquin;
}