/* Animation Keyframes */
@keyframes rotate {
   0% {
       transform: rotate(0deg);
   }


   100% {
       transform: rotate(360deg);
   }
}


@keyframes floatUpDown {
   0% {
     transform: translateY(0);
   }
   100% {
     transform: translateY(-30px);
   }

}

@keyframes floatLeftRight {
   0% {
     transform: translateX(0);
   }
   100% {
     transform: translateX(-20px);
   }
 }


@keyframes bounce {
   0%, 100% {
     transform: translateY(0);
   }
   40% {
     transform: translateY(-10px);
   }
   70% {
     transform: translateY(5px);
   }
   90% {
     transform: translateY(-3px);
   }
}


@keyframes pop-rotate {
 0% {
   transform: scale(0.9) rotate(0deg);
   opacity: 0.7;
 }
 50% {
   transform: scale(1.15) rotate(10deg);
   opacity: 1;
 }
 100% {
   transform: scale(1) rotate(0deg);
 }
}


@keyframes morph {
 0% {
   transform: scale(1) skew(0deg, 0deg);
 }
 50% {
   transform: scale(1.1) skew(3deg, 3deg);
 }
 100% {
   transform: scale(1) skew(0deg, 0deg);
 }
}