.zoom2 {
  animation: zoom2 1s infinite !important;
}
@keyframes zoom2 {
  /* animation: zoom2 1s ease infinite; */
  0% {
    scale: 100%;
  }
  50% {
      scale: 110%;
  }

  100% {
      scale: 100%;
  }
}
.tada2 {
  animation: tada2 1s infinite !important;
}
@keyframes tada2 {
  /* animation: tada2 1s infinite !important; */
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
      transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
      transform: scale3d(1, 1, 1);
  }
}
.shake {
  animation: shake 5s ease-in infinite;
}
@keyframes shake {
  /* animation: shake 5s ease-in infinite; */
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
}

25%, 75% {
    -webkit-transform: rotate(5deg) translateX(15px);
    transform: rotate(5deg) translateX(15px);
}
50% {
    -webkit-transform: rotate(10deg) translateX(30px);
    transform: rotate(10deg) translateX(30px);
}
}
.float-bob-y {
  animation: float-bob-y 3s ease-in infinite;
}
@keyframes float-bob-y {
  /* animation: float-bob-y 3s ease-in infinite; */
  0% {
    transform: translateY(-20px);
}

50% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(-20px);
}
}
.float-bob-x {
  animation: float-bob-x 3s ease-in infinite;
}
@keyframes float-bob-x {
  /* animation: float-bob-x 3s ease-in infinite; */
  0% {
    transform: translateX(-30px);
}

50% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(-30px);
}
}

@keyframes moveCloud {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); 
    }
}