Bubbles

@grid: 1 / 800px 600px;

@content: @pattern(
  d: 1e3;
  repeat(20 as i) {
    a: rand() * 6.28;
    c: vec2(rand() - .5, rand() - .5) * vec2(1.3, .8)
     + .012vec2(sin(t / (3 + 2rand()) + a), cos(t / (3 + 2rand()) + 2a));
    r: mix(.06, .22, rand());
    d: smin(d, abs(length(pos - c) - r), .0618);
  }
  fill: mix(#f7f6eb, #1d1b18, shape(d, .003));
);