/* Slide Down */
  .slideDown {
    animation: slideDown 1s ease forwards;
  }

  @keyframes slideDown {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0);
    }
  }

  /* Slide Up */
  .slideUp {
    animation: slideUp 1s ease forwards 1.5s;
  }

  @keyframes slideUp {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0);
    }
  }

  /* Slide Left */
  .slideLeft {
    animation: slideLeft 1s ease-in-out forwards 3s;
  }

  @keyframes slideLeft {
    0% {
      transform: translateX(150%);
    }
    100% {
      transform: translateX(0);
    }
  }

  /* Slide Expand Up */
  .slideExpandUp {
    animation: slideExpandUp 1.6s ease-out forwards 4s;
  }

  @keyframes slideExpandUp {
    0% {
      transform: translateY(100%) scaleX(0.5);
    }
    100% {
      transform: translateY(0) scaleX(1);
    }
  }

  /* Fade In */
  .fadeIn {
    animation: fadeIn 1.5s ease-in-out forwards 5.5s;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: scale(0.8);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* Big Entrance */
  .bigEntrance {
    animation: bigEntrance 1.6s ease-out forwards 7s;
  }

  @keyframes bigEntrance {
    0% {
      transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
      opacity: 0.2;
    }
    100% {
      transform: scale(1) rotate(0) translateX(0) translateY(0);
      opacity: 1;
    }
  }

  /* Hover Animations */
  /* Pulse */
  .pulse:hover {
    animation: pulse 1s ease infinite;
  }

  @keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
  }

  /* Floating */
  .floating:hover {
    animation: floating 1.5s ease-in-out infinite;
  }

  @keyframes floating {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }

  /* Tossing */
  .tossing:hover {
    animation: tossing 1.5s ease infinite;
  }

  @keyframes tossing {
    0%, 100% {
      transform: rotate(-5deg);
    }
    50% {
      transform: rotate(5deg);
    }
  }

  /* Fade */
  .fade:hover {
    animation: fade 0.5s ease forwards;
  }

  @keyframes fade {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0.5;
    }
  }

  /* Grow */
  .grow:hover {
    animation: grow 0.5s ease forwards;
  }

  @keyframes grow {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.1);
    }
  }

  /* Circle */
  .circle:hover {
    animation: circle 0.6s ease forwards;
    border-radius: 50%;
  }

  @keyframes circle {
    0% {
      border-radius: 0;
    }
    100% {
      border-radius: 50%;
    }
  }

  /* Curls */
  .curls:hover {
    animation: curls 0.5s ease forwards;
  }

  @keyframes curls {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  /* Bubble Bottom */
  .bubble-bottom:hover {
    animation: bubble 0.5s ease forwards;
  }

  @keyframes bubble {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-10px) scale(1.2);
    }
  }

  /* Light */
  .light:hover {
    animation: light 0.5s ease forwards;
    color: gold;
  }

  @keyframes light {
    0% {
      color: white;
    }
    100% {
      color: gold;
    }
  }