.animated {
  .rebellion_in_colony {
    #animated-arrow-001,
    #animated-arrow-002 {
      animation-duration: 0.05s;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
    }
    #animated-arrow-001 {
      animation-name: animated_arrow_001;
      animation-delay: 2.5s;
    }
    #animated-arrow-002 {
      animation-name: animated_arrow_002;
      animation-delay: 2s;
    }
  }
}

@keyframes animated_arrow_001 {
  0% {
    transform: translate(0 0);
  }
  100% {
    transform: translate(-3600px, -2210px);
  }
}

@keyframes animated_arrow_002 {
  0% {
    transform: translate(0 0);
  }
  100% {
    transform: translate(-701px, -3960px);
  }
}
