.genetic-world-art {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 22% 32%, #d8f98a 0 4%, transparent 4.8%),
    radial-gradient(circle at 73% 31%, #ff987d 0 8%, transparent 8.8%),
    radial-gradient(circle at 58% 73%, #7ce7ff 0 6%, transparent 6.8%),
    radial-gradient(circle at 29% 74%, #b49aff 0 10%, transparent 10.8%),
    linear-gradient(135deg, #11243a, #06111f 64%);
}

.genetic-world-art::before {
  position: absolute;
  top: 47%;
  left: 48%;
  width: 42%;
  height: 16%;
  border: 1px solid rgba(209, 230, 255, 0.42);
  border-radius: 5px;
  background: rgba(73, 109, 143, 0.44);
  content: "";
  transform: rotate(-12deg);
}

.genetic-world-art::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      120deg,
      transparent 42%,
      rgba(255, 255, 255, 0.13),
      transparent 58%
    ),
    radial-gradient(circle at 50% 54%, transparent 46%, rgba(0, 0, 0, 0.26));
  content: "";
  pointer-events: none;
}