.animated {
  #stars {
    transform: scaleY(0.3);
    transform-origin: center;
  }
  #star1,
  #star2 {
    display: block;
    animation-name: move_star_around;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: center;
  }
  #star2 {
    animation-delay: -0.5s;
  }
  #eye1,
  #eye2 {
    animation-name: eye_rotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  #eye1 {
    transform-origin: 2757px 5723px;
  }
  #eye2 {
    transform-origin: 2460px 5623px;
  }
  #additional-mask {
    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 eye_rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

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