@mixin catMixin {
  .cat {
    #head_1_ {
      animation-name: cat_head_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #eyes {
      animation-name: cat_eyes_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 0 3450px;
    }

    #ear_1 {
      animation-name: ear_1_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 4179px 2949px;
    }

    #ear_2 {
      animation-name: ear_2_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 4703px 3315px;
    }

    #movable_tail {
      animation-name: movable_tail_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 2736px 4860px;
    }

    #hand {
      animation-name: hand_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #butt {
      animation-name: butt_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 4610px 4283px;
    }
  }

  @keyframes cat_head_animation {
    0% {
      translate: 0 0;
    }
    40% {
      translate: 0 0;
    }
    42% {
      translate: 0 -100px;
    }
    45% {
      translate: 700px 500px;
    }
    80% {
      translate: 700px 500px;
    }
    83% {
      translate: 0 0;
    }
    100% {
      translate: 0 0;
    }
  }

  @keyframes cat_eyes_animation {
    0% {
      scale: 1 1;
    }
    10% {
      scale: 1 1;
    }
    11% {
      scale: 1 0;
    }
    12% {
      scale: 1 1;
    }

    100% {
      scale: 1 1;
    }
  }

  @keyframes ear_1_animation {
    0% {
      rotate: 0deg;
      translate: 0 0;
    }
    42% {
      rotate: 0deg;
      translate: 0 0;
    }
    45% {
      rotate: -30deg;
      translate: -150px 0;
    }
    54% {
      rotate: -30deg;
      translate: -150px 0;
    }
    55% {
      rotate: 0deg;
      translate: 0 0;
    }
    56% {
      rotate: -30deg;
      translate: -150px 0;
    }

    80% {
      rotate: -30deg;
      translate: -150px 0;
    }
    83% {
      rotate: 0deg;
      translate: 0 0;
    }
    100% {
      rotate: 0deg;
      translate: 0 0;
    }
  }

  @keyframes ear_2_animation {
    0% {
      rotate: 0deg;
      translate: 0 0;
    }
    40% {
      rotate: 0deg;
      translate: 0 0;
    }
    42% {
      rotate: 0deg;
      translate: 0 0;
    }
    45% {
      rotate: -33deg;
      translate: 101px 160px;
    }
    80% {
      rotate: -33deg;
      translate: 101px 160px;
    }
    83% {
      rotate: 0deg;
      translate: 0 0;
    }
    100% {
      rotate: 0deg;
      translate: 0 0;
    }
  }

  @keyframes movable_tail_animation {
    0% {
      rotate: 0deg;
    }
    50% {
      rotate: 0deg;
    }
    51% {
      rotate: 25deg;
    }
    52% {
      rotate: 0deg;
    }
    70% {
      rotate: 0deg;
    }
    71% {
      rotate: 25deg;
    }
    72% {
      rotate: 0deg;
    }
    100% {
      rotate: 0deg;
    }
  }

  @keyframes hand_animation {
    0% {
      translate: 0 0;
    }
    45% {
      translate: 0 0;
    }
    49% {
      translate: 960px 300px;
    }
    53% {
      translate: 960px 300px;
    }
    57% {
      translate: 0 0;
    }
    100% {
      translate: 0 0;
    }
  }

  @keyframes butt_animation {
    0% {
      rotate: 0deg;
      translate: 0 0;
    }
    45% {
      rotate: 0deg;
      translate: 0 0;
    }
    47% {
      rotate: 7deg;
      translate: 0 0;
    }
    48% {
      rotate: 7deg;
      translate: -50px 0;
    }
    49% {
      rotate: 0deg;
      translate: 0 0;
    }
    65% {
      rotate: 0deg;
      translate: 0 0;
    }
    67% {
      rotate: 7deg;
      translate: 0 0;
    }
    68% {
      rotate: 7deg;
      translate: -50px 0;
    }
    69% {
      rotate: 0deg;
      translate: 0 0;
    }
    100% {
      rotate: 0deg;
      translate: 0 0;
    }
  }
}
