=movingUp
  +animation-name(movingUp)
  +animation-duration(1s)
  +animation-iteration-count(infinite)
  animation-play-state: paused

=movingRight
  +animation-name(movingRight)
  +animation-duration(1s)
  +animation-iteration-count(infinite)
  animation-play-state: paused
  //On hover change animation play state to running
  //now the animations will stop instead of jumping back to the original state

=movingDown
  +animation-name(movingDown)
  +animation-duration(1s)
  +animation-iteration-count(infinite)

@keyframes movingUp
  0%, 100%
    +translate3dRotate(0,0,0, -90deg)
  50%
    +translate3dRotate(0, -5px,0, -90deg)

@keyframes movingDown
  0%, 100%
    +translate3dRotate(0,0,0, 90deg)
  50%
    +translate3dRotate(0, 4px,0, 90deg)

@keyframes movingRight
  0%, 100%
    +translate3d(0,0,0)
  50%
    +translate3d(5px, 0, 0)

@keyframes phone-rings
  0%, 100%
    transform: rotate(0deg)
  10%, 20%, 30%
    transform: rotate(7.5deg)
  15%, 25%, 35%
    transform: rotate(-2deg)

@keyframes mailing
  0%, 100%
    +translate3d(0,0,0)
  50%
    +translate3d(6px, 0, 0)