/* Custom styles for Banana Republic */

/* Custom animations for the banana man */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) rotate(20deg);
    opacity: 0;
  }
}

@keyframes pop {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes pulse-slow {
  0% {
    border-opacity: 0;
  }
  50% {
    border-opacity: 0.5;
  }
  100% {
    border-opacity: 0;
  }
}

@keyframes to-the-moon {
  0% {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-200px) translateX(20px) rotate(720deg) scale(0.2);
  }
}

.animate-float {
  animation: float 2s ease-out forwards;
}

.animate-pop {
  animation: pop 0.5s ease-out forwards;
}

.animate-pulse-slow {
  animation: pulse-slow 3s infinite;
}

.animate-to-the-moon {
  animation: to-the-moon 3

\