@mixin base_animation_properties {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-direction: alternate-reverse;
}

.animated {
  .stock_exchange_speculation_24 {
    #belly {
      @include base_animation_properties;
      animation-name: belly_animation;
      transform-origin: 6254px 5052px;
    }

    #arm_1 {
      @include base_animation_properties;
      animation-name: arm_1_animation;
      transform-origin: 2480px 3099px;
    }

    #arm_2 {
      @include base_animation_properties;
      animation-name: arm_2_animation;
      transform-origin: 7597px 4418px;
    }

    #leg_1 {
      @include base_animation_properties;
      animation-name: leg_1_animation;
      transform-origin: 3883px 7041px;
    }

    #leg_2 {
      @include base_animation_properties;
      animation-name: leg_2_animation;
      transform-origin: 1043px 5705px;
    }

    #head {
      @include base_animation_properties;
      animation-name: head_animation;
    }
  }
}

@keyframes belly_animation {
  0% {
    scale: 1;
  }
  90% {
    scale: 1.03;
  }
  100% {
    scale: 1.03;
  }
}

@keyframes arm_1_animation {
  0% {
    translate: 0px 0px;
    rotate: 0deg;
  }
  90% {
    translate: -120px -60px;
    rotate: -3deg;
  }
  100% {
    translate: -120px -60px;
    rotate: -3deg;
  }
}

@keyframes arm_2_animation {
  0% {
    translate: 0px 0px;
    rotate: 0deg;
  }
  90% {
    translate: 100px -30px;
    rotate: 2deg;
  }
  100% {
    translate: 100px -30px;
    rotate: 2deg;
  }
}

@keyframes leg_1_animation {
  0% {
    rotate: 0deg;
  }
  90% {
    rotate: 5deg;
  }
  100% {
    rotate: 5deg;
  }
}

@keyframes leg_2_animation {
  0% {
    rotate: 0deg;
  }
  90% {
    rotate: -5deg;
  }
  100% {
    rotate: -5deg;
  }
}

@keyframes head_animation {
  0% {
    translate: 0px 0px;
  }
  90% {
    translate: 0 -100px;
  }
  100% {
    translate: 0 -100px;
  }
}
