Alien land

index.html

<css-doodle>
   :doodle {
      @grid: 20x1 / 60vmin;
      overflow: hidden;
    }
    :container {
      transform: scale(25);
      filter: @svg-filter(<svg>
        <filter>
          <feTurbulence baseFrequency="@r(.016, .056, .001)" seed="@r(100)" numOctaves="@r(8, 15)" />
          <feDisplacementMap in="SourceGraphic" scale="@r(-100, 100)" />
        </filter>
      </svg>);
    }

    filter: @svg-filter(<svg>
      <filter>
        <feGaussianBlur in="SourceGraphic" stdDeviation="20 0" result="blur" />
      </filter>
    </svg>);
  
    @place-cell: center;
    @size: 100%;
    @random(.8) {
      mix-blend-mode: overlay;
    }
    background: @multi(200, (
      radial-gradient(@pick(#E63946, #F1FAEE, #A8DADC, #457B9D, #1D3557), transparent)
      @r(0%, 100%, .1) @r(0%, 100%, .1) / @r(30%) @r(5%)
      no-repeat
    ));
  );
</css-doodle>