@keyframes rotateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.scrollLine {
  border: 2px solid red;
  border-radius: 100% 0 0 0;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 85px;
  height: 85px;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: bottom right;
  animation-duration: 3s;
  animation-name: rotateCircle;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.scrollLineRight {
  border: 2px solid red;
  border-radius: 0 0 100% 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 85px;
  height: 85px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform-origin: top left;
  animation-duration: 3s;
  animation-name: rotateCircle;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
