<css-doodle grid="12">
  :doodle {
  @grid: 12 / 100vmax;
  background: #0a0c27;
  }

  @shape: circle;
  background: hsla(@index(), 70%, 68%, @rand(0.6));
</css-doodle>

body {
  margin: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.2.3/css-doodle.js