@import './mixins/street_clouds';

.animated {
  .stock_exchange_speculation_81 {
    @include clouds_animation;
  }

  #movable {
    animation-name: face_animation;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }

  #hand_with_money {
    animation-name: hand_animation;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-iteration-count: infinite;
  }

  #flag {
    display: none;
  }

  #animate-flag {
    display: block;
    scale: 3 3;
    translate: 5593px 2843px;
    fill: #ff4343;
  }
}

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

@keyframes hand_animation {
  0% {
    translate: -200px 0;
  }
  100% {
    translate: 200px 0;
  }
}
