@import './mixins/buble';

.animated {
  .mmm {
    #movable-neck {
      animation-name: neck_animation;
      animation-duration: 0.5s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: infinite;
    }

    #hand_with_barrel,
    #additional-mask {
      animation-name: hand_with_barrel_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 5635px 3640px;
    }

    #hand_1 {
      animation-name: hand_1_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 5074px 3941px;
    }

    @include bubleMixin;
  }
}

@keyframes neck_animation {
  0% {
    translate: 0px -30px;
  }
  100% {
    translate: 0px 50px;
  }
}

@keyframes hand_with_barrel_animation {
  100% {
    rotate: 5deg;
  }
}

@keyframes hand_1_animation {
  100% {
    rotate: 5deg;
  }
}
