* {
  box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

.outer {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: -1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.inner {
  width: 300%;
  height: 300%;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  will-change: transform;
  transform: translate(-50%, -50%) translateZ(0);
  animation: spin 30s linear infinite; }

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }

.gradient-wrap {
  width: 100%;
  height: 50%;
  overflow: hidden; }

.gradient-wrap:last-child {
  transform: rotate(180deg); }

.gradient {
  width: 100%;
  height: 200%;
  background: linear-gradient(180deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(170deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(160deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(150deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(140deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(130deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(120deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(110deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(100deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(90deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(80deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(70deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(60deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(50deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(40deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(30deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(20deg, transparent 50%, #21a7e5 50%, #21a7e5 100%), linear-gradient(10deg, transparent 50%, #fcf400 50%, #fcf400 100%), linear-gradient(0deg, transparent 50%, #21a7e5 50%, #21a7e5 100%); }