.inicio_letter{
text-align: center;
    position: fixed;
    top: 17%;
    z-index: 16;    
    width: 80vw;
    height: 50vh;
    color: #f671be;
    cursor: none;
    pointer-events: none;
}

.inicio_letter h1{
  width: 100%;
  height: 42px;
  position: absolute;
  top: calc(40% - 21px);
  left: 0;
  text-transform: uppercase;
  text-align: center;  
  font-size: 2.7em;
  opacity: 0;
  animation: in 6s ease-out forwards ;
  animation-delay: 1s;
  text-shadow: 3px 3px 4px #462838;
}


.inicio_letter h2{
  width: 100%;
  height: 42px;
  position: absolute;
  top: calc(50% - 21px);
  left: 0;
  text-transform: uppercase;
  text-align: center;  
  font-size: 2em;
  opacity: 0;
  animation: in 6s ease-out forwards ;
  animation-delay: 1s;
  text-shadow: 3px 3px 4px #462838;
}

@keyframes in{
  0%{
    letter-spacing: -17px;
    opacity: 0;
  }
  30%{
    letter-spacing: 4px;
    opacity: 1;
  }
  100%{
    letter-spacing: 4px;
    opacity: 1;
  }
}