/*
    List of All Colors
    (sorted using: https://elektrobild.org/tools/sort-colors)
*/
.circle-clockwise {
  position: absolute;
  border: 2px dotted #FFCA00;
  border-radius: 50%;
  animation: rotate-clockwise 20s linear 0s infinite normal;
  z-index: 10;
}

@keyframes rotate-clockwise {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.circle-counter-clockwise {
  position: absolute;
  border: 2px dotted #FFCA00;
  border-radius: 50%;
  animation: rotate-counter-clockwise 20s linear 0s infinite normal;
  z-index: 20;
}

@keyframes rotate-counter-clockwise {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}