@keyframes pop-in {
  0% {
    transform: scale(0) translateY(50vh);
    opacity: 0;
  }
  75% {
    transform: scale(1.05) translateY(-10px);
    opacity: 1;
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}

@keyframes slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-25vh);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    /* pointer-events: all; */
    visibility: visible;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    /* pointer-events: none; */
    visibility: hidden;
  }
}