@import './mixins/add_money';

.animated {
  .fake_coins {
    #drill,
    #arm_x5F_2 {
      animation-duration: 0.1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: drillAnimation;
      //   transform-origin: 4721px 5890px;
    }

    #arm_1 {
      animation-duration: 0.1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: armAnimation;
      transform-origin: 2868px 4745px;
    }

    #arm_x5F_1_x5F_2 {
      animation-duration: 0.1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: arm2Animation;
      transform-origin: 3019px 5320px;
    }

    #head {
      animation-duration: 0.1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: headAnimation;
    }

    #coin-container {
      animation-duration: 0.1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
      animation-name: coinAnimation;
    }
  }
}

@keyframes drillAnimation {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-100px, -50px);
  }
}

@keyframes armAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

@keyframes arm2Animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

@keyframes headAnimation {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(15px, -15px);
  }
}

@keyframes coinAnimation {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(15px);
  }
}

@include addMoneyMixin;
