@import './mixins/street_clouds';
@import './mixins/add_money';

.animated {
  .night_robbery {
    @include clouds_animation;

    #hand_1,
    #hand_2 {
      animation-name: hand_animation;
      animation-duration: 0.05s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }

    #hand_1 {
      transform-origin: 4000px 3600px;
    }

    #hand_2 {
      transform-origin: 5500px 3600px;
    }

    #pupil_1,
    #pupil_2 {
      animation-name: pupil_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
    }
  }
}

@keyframes hand_animation {
  100% {
    rotate: 3deg;
  }
}

@keyframes pupil_animation {
  0% {
    translate: 0 0px;
  }
  78% {
    translate: 0 0px;
  }
  80% {
    translate: -50px 40px;
  }
  98% {
    translate: -50px 40px;
  }
  100% {
    translate: 0 0px;
  }
}

@include addMoneyMixin;
