:root {
  --angle: 0deg;
}

.static {
  position: relative;
}

body, .rainbow-background {
  height: 100vh;
  overflow: hidden;
}

.rainbow-background:before {
  content: "";
  z-index: -1;
  background: conic-gradient(red, orange, #ff0, green, #00f, indigo, violet, red);
  width: 300%;
  height: 300%;
  animation: 15s linear infinite rotateBackground;
  position: absolute;
  top: -100%;
  left: -100%;
  overflow: hidden;
}

@keyframes rotateGradient {
  0% {
    background: conic-gradient(red, orange, #ff0, green, #00f, indigo, violet, red);
  }

  100% {
    background: conic-gradient(from 160deg, red, orange, #ff0, green, #00f, indigo, violet, red);
  }
}

@keyframes rotateBackground {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=index.2cdaf7bc.css.map */