.animar {
    animation: animar-span 1s ease-in-out forwards;
  }
  
  @keyframes animar-span {
    0% {
      transform: scale(0);
    }
    50% {
        transform: scale(50%);
    }
    100% {
        transform: scale(100%);
    }
  }

  @keyframes animar-texto {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }


  /* scroll animaions */

.anime
{    
    /*transform: translate(-10vw);*/
    transform: scale(.5);
    transition: .5s ease-out, opacity 0.5s ease-out;
    animation-delay: .1s;
}

.anime-start
{
    
    transform: scale(1);
}