.animated {
  #stars {
    transform: scaleY(0.3);
    transform-origin: 4455px 5545px;
    display: block;
  }
  #star1,
  #star2 {
    animation-name: move_star_around;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  #star2 {
    animation-delay: -0.5s;
  }

  #arrow {
    animation-name: blinking_arrow;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
}

@keyframes move_star_around {
  from {
    transform: rotate(0deg) translateX(600px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(600px) rotate(-360deg);
  }
}

@keyframes blinking_arrow {
  0% {
    fill: #ff005c;
  }
  50% {
    fill: #ffe200;
  }
  100% {
    fill: #ff005c;
  }
}
