html{
    max-width: 400px;
    width: 400px;
}
.home {
    background: #F4E933  ;
    max-width: 400px;
    background-size:46vmax;
   

}
.see{
    
  
    -webkit-animation-duration: 03s;
    animation-duration: 03s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
   
    
}
@-webkit-keyframes fadeInDown {
    0% {
       opacity: 1;
       -webkit-transform: translateY(-8 0px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadeInDown {
    0% {
       opacity: 1;
       transform: translateY(-80px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }
 

.tudo{
    
    animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;  
  

}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
  @-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  
.boneco{
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFF995 39.22%, rgba(253, 251, 220, 0) 100%) ;
    z-index: 10;
}

.logo{
    margin-top: 32px ;
}
a{
    text-decoration: none;
    color: white;
}
.inicio{
    font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 30px;
/* or 120% */

display: flex;
align-items: center;

color: #9248FF;

height: 60px;
}
.center{
  display: flex;
    flex-direction: column;
    align-items: center;
}
button{
    margin-top: 44px;
    background: #9248FF;
border-radius: 15px;
max-width: 325px;
width: 100%;
height: 56px;
border-color: transparent;
color: white;

font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
cursor: pointer;

}

.estacoes{
    background: #9248FF;
}

.fadeOut {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
       opacity: 0;
       -webkit-transform: translateY(-150px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadeOut {
    0% {
       opacity: 0;
       transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }


 .imgtop{
    display: flex;
    flex-direction: column;
 }