.base {
    z-index: 2;
}

.k-left {
    z-index: 2;
    animation: move-left 14s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(225, 231, 235, 0.5));
}

.k-right {
    z-index: 2;
    animation: move-right 15s ease-in-out infinite;
    filter: drop-shadow(0 0 10px rgba(0, 190, 255, .6));
}

.arcs {
    z-index: 1;
    transform-origin: 50% 50%;
    animation: orbit 12s ease-in-out 2s infinite;
    filter: drop-shadow(0 0 9px rgba(0, 185, 255, .6));
}

.orb {
    z-index: 3;
    transform-origin: 77.7% 43.2%;
    animation: orb 3.4s ease-in-out 2s infinite;
    filter: drop-shadow(0 0 10px rgba(0, 190, 255, .8));
}

@keyframes move-left {
  0%, 100% {
    transform:
      translate(-1px, 0px)
      rotate(-0.15deg);
  }

  50% {
    transform:
      translate(2px, -3px)
      rotate(0.2deg);
  }
}

@keyframes move-right {
  0%, 100% {
    transform:
      translate(1px, 1px)
      rotate(0.15deg);
  }

  50% {
    transform:
      translate(-2px, -5px)
      rotate(-0.25deg);
  }
}

@keyframes orbit {
    0%,100% {
        transform: rotate(-1deg) scale(1);
    } 50% {
        transform: rotate(2deg) scale(1.012);
    }
}

@keyframes orb {
    0%,100% {
        transform: scale(1);
        opacity: .82
    } 50% {
        transform: scale(1.12);
        opacity: 1;
    }
}