@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rotatingcircle {
  position: relative;
  width: 65vmin;
  border-radius: 50%;
  transition: all .3s ease;
  box-shadow: inset 10.2840516701vmin -5.9375vmin 0vmin 0vmin rgba(255, 0, 0, 0.45),
  inset -10.2840516701vmin -5.9375vmin 0vmin 0vmin rgba(235, 255, 0, 0.54),
  inset 0 11.875vmin 0vmin 0vmin rgba(0, 133, 255, 0.53),
  inset -10.2840516701vmin 5.9375vmin 0vmin 0vmin rgba(22, 243, 3, 0.55),
  inset 10.2840516701vmin 5.9375vmin 0vmin 0vmin rgba(190, 11, 224, 0.55),
  inset 0 -11.875vmin 0vmin 0vmin rgba(253, 127, 11, 0.54);
  -webkit-animation: spin 20s linear infinite;
          animation: spin 20s linear infinite;
}
.rotatingcircle:hover {
  box-shadow: inset 20.5681033403vmin -11.875vmin 0vmin 0vmin rgba(255, 0, 0, 0.45), inset -20.5681033403vmin -11.875vmin 0vmin 0vmin rgba(235, 255, 0, 0.54), inset 0 23.75vmin 0vmin 0vmin rgba(0, 133, 255, 0.53), inset -20.5681033403vmin 11.875vmin 0vmin 0vmin rgba(22, 243, 3, 0.55), inset 20.5681033403vmin 11.875vmin 0vmin 0vmin rgba(190, 11, 224, 0.55), inset 0 -23.75vmin 0vmin 0vmin rgba(253, 127, 11, 0.54);
}
.rotatingcircle:before {
  content: "";
  display: block;
  padding-top: 100%;
}