.animated {
  .stock_exchange_speculation_18 {
    #big_fish,
    #small_fish,
    #meddium_fish {
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      animation-name: animated_fish;
    }

    #big_fish {
      animation-duration: 7s;
    }

    #meddium_fish {
      animation-duration: 5s;
    }

    #small_fish {
      animation-duration: 2s;
    }

    #fin_1_,
    #fin {
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      animation-name: animated_fin;
    }

    #fin_1_ {
      transform-origin: 4337px;
      animation-duration: 1s;
    }

    #fin {
      transform-origin: 6527px;
      animation-duration: 0.2s;
    }

    #moving_background_1,
    #moving_background_2 {
      transform: translate(100%);
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      animation-name: animated_background_from_right_to_left;
      animation-duration: 3s;
    }

    #moving_background_2 {
      animation-delay: 1.5s;
    }

    #pupil {
      transform: translate(100%);
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-fill-mode: forwards;
      animation-name: fish_pupil_animation;
      animation-duration: 2s;
    }
  }
}

@keyframes animated_fin {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(60deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes animated_fish {
  0% {
    transform: translate(0px, 0px);
  }
  13% {
    transform: translate(50px, 20px);
  }
  25% {
    transform: translate(100px, 0px);
  }
  38% {
    transform: translate(150px, 20px);
  }
  50% {
    transform: translate(200px, 0px);
  }
  63% {
    transform: translate(150px, 20px);
  }
  75% {
    transform: translate(100px, 0px);
  }
  88% {
    transform: translate(50px, 20px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

@keyframes animated_background_from_right_to_left {
  0% {
    transform: translate(100%);
  }
  100% {
    transform: translate(-100%);
  }
}

@keyframes fish_pupil_animation {
  0% {
    transform: translate(0, 0);
  }
  84% {
    transform: translate(0, 0);
  }
  86% {
    transform: translate(-320px, -140px);
  }
  96% {
    transform: translate(-320px, -140px);
  }
  100% {
    transform: translate(0, 0);
  }
}
