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

@keyframes tinyWobble {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(1deg); }
  75%  { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@keyframes wiggle {
  0%   { transform: rotate(-1deg); }
  50%  { transform: rotate(1deg); }
  100% { transform: rotate(-1deg); }
}

@keyframes popScale {
  0% { transform: scale(1); }
  40% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pop {
  animation: popScale 360ms cubic-bezier(.2,.9,.2,1);
}