.arrows {
  z-index: 45;
  position: fixed;
  top: 94%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  transform: translate(-50%, -50%);
}
.arrows:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
  border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
  transform: translate(0.6666666667rem, 2.6666666667rem) rotate(-45deg);
  animation: arrows 3s linear infinite;
}
.arrows:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
  border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
  transform: translate(1.3333333333rem, 0px) rotate(-45deg);
  animation: arrows 3s linear infinite -1.5s;
}

@keyframes arrows {
  0% {
    border-left: 0.6666666667rem solid rgba(0, 88, 183, 0);
    border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0);
    transform: translate(-0.3333333333rem, -1.3333333333rem) rotate(-45deg);
  }
  10%, 90% {
    border-left: 0.6666666667rem solid rgba(0, 88, 183, 0);
    border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0);
  }
  50% {
    border-left: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
    border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0.9);
    transform: translate(-0.3333333333rem, 0px) rotate(-45deg);
  }
  100% {
    border-left: 0.6666666667rem solid rgba(0, 88, 183, 0);
    border-bottom: 0.6666666667rem solid rgba(0, 88, 183, 0);
    transform: translate(-0.3333333333rem, 1.3333333333rem) rotate(-45deg);
  }
}
.arrows-yellow {
  z-index: 45;
  position: fixed;
  top: 96%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  transform: translate(-50%, -50%);
}
.arrows-yellow:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
  border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
  transform: translate(0.6666666667rem, 2.6666666667rem) rotate(-45deg);
  animation: arrows-yellow 3s linear infinite;
}
.arrows-yellow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
  border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
  transform: translate(1.3333333333rem, 0px) rotate(-45deg);
  animation: arrows-yellow 3s linear infinite -1.5s;
}

@keyframes arrows-yellow {
  0% {
    border-left: 0.6666666667rem solid rgba(255, 217, 0, 0);
    border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0);
    transform: translate(-0.3333333333rem, -1.3333333333rem) rotate(-45deg);
  }
  10%, 90% {
    border-left: 0.6666666667rem solid rgba(255, 217, 0, 0);
    border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0);
  }
  50% {
    border-left: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
    border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0.9);
    transform: translate(-0.3333333333rem, 0px) rotate(-45deg);
  }
  100% {
    border-left: 0.6666666667rem solid rgba(255, 217, 0, 0);
    border-bottom: 0.6666666667rem solid rgba(255, 217, 0, 0);
    transform: translate(-0.3333333333rem, 1.3333333333rem) rotate(-45deg);
  }
}

/*# sourceMappingURL=moving-arrow.css.map */