/** Animations **/

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0deg) skewY(0deg);
  }

  20% {
    -webkit-transform: rotate(6deg) skewY(4deg);
  }

  60% {
    -webkit-transform: rotate(-6deg) skewY(-3deg);
  }

  80% {
    -webkit-transform: rotate(6deg) skewY(-2deg);
  }

  100% {
    -webkit-transform: rotate(0deg) skewY(0deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(0deg) skewY(0deg);
  }

  20% {
    transform: rotate(6deg) skewY(4deg);
  }

  60% {
    transform: rotate(-6deg) skewY(-3deg);
  }

  80% {
    transform: rotate(6deg) skewY(-2deg);
  }

  100% {
    transform: rotate(0deg) skewY(0deg);
  }
}