@keyframes top {
  0% {
    opacity: 0;
     bottom: -80px
  }
  100% {
    opacity: 1;
     bottom: 0px

  }
}

@keyframes exemple {
  0% {
    opacity: 0;
     transform: scale(0.0);
  }
   10% {
      opacity: 1;
     transform: scale(1.3) rotate(-02deg);
   }
  20% {
     transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}



@keyframes followPop {
  0% {
    opacity: 0;
     transform: scale(0.0);
  }
   1% {
      opacity: 1;
     transform: scale(1.1) rotate(-01deg);
   }
  2% {
     transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


@keyframes subPop {
  0% {
    opacity: 0;
     transform: scale(0.0);
  }
   0.9% {
      opacity: 1;
     transform: scale(1.1) rotate(-02deg);
   }
  1.8% {
     transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes PopAndFade {
  0% {
    opacity: 0;
     transform: scale(0.0);
  }
   10% {
      opacity: 1;
     transform: scale(1.3) rotate(-02deg);
   }
  20% {
    opacity: 1;
  }

}