.animated {
  .rebellion_in_colony {
    #arrow_1,
    #arrow_2,
    #arrow_3 {
      animation-duration: 0.05s;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
    }
    #arrow_1 {
      animation-name: animated_arrow_001;
      animation-delay: 3.5s;
      transform: translate(1595px, 3140px);
    }
    #arrow_2 {
      animation-name: animated_arrow_002;
      animation-delay: 3s;
      transform: translate(4331px, 3140px);
    }
    #arrow_3 {
      animation-name: animated_arrow_003;
      animation-delay: 2.5s;
      transform: translate(2331px, 3140px);
    }
  }
}

@keyframes animated_arrow_001 {
  0% {
    transform: translate(1595px, 3140px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes animated_arrow_002 {
  0% {
    transform: translate(4331px, 3140px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes animated_arrow_003 {
  0% {
    transform: translate(2331px, 3140px);
  }
  100% {
    transform: translate(0, 0);
  }
}

