/* 
============================
   KEYFRAME ANIMATIONS
============================ 
*/

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes popOut {
  0% {
    transform: scale(1) rotateX(10deg) rotateY(-10deg);
  }

  100% {
    transform: scale(1.15) rotateX(0deg) rotateY(0deg);
  }
}

@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(12px); }
}