@keyframes aparecer {
    from {
      opacity: 0;
      transform: translateY(-20px);
      
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }


@keyframes flip {
    0% {
      transform: rotateY(300deg);
      opacity: 0;
    }
    100% {
      transform: rotateY(360deg);
      opacity: 1;
    }
  }