:doodle {
@grid: 3 x 1;
}
width: 40vmin;
height: 80vmin;
position: relative;
box-sizing: border-box;
margin: 1vmin;
border-radius: 5vmin;
border:2px solid #666;
box-shadow: 1px 1px 4px 2px #222;
overflow: hidden;
--size: @r(15, 40)%;
--randomDeg: @r(30, 60);
--colorA: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorB: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorC: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorD: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorE: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorF: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorG: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
--colorH: rgb(@r(100, 255), @r(100, 255), @r(100, 255));
background:
repeating-radial-gradient(
var(--colorA),
var(--colorA) 1em,
var(--colorB) 1em,
var(--colorB) 2em,
var(--colorC) 2em,
var(--colorC) 3em,
var(--colorD) 3em,
var(--colorD) 4em,
var(--colorE) 4em,
var(--colorE) 5em,
var(--colorF) 5em,
var(--colorF) 6em
),
repeating-radial-gradient(
var(--colorA),
var(--colorA) 1em,
var(--colorB) 1em,
var(--colorB) 2em,
var(--colorC) 2em,
var(--colorC) 3em,
var(--colorD) 3em,
var(--colorD) 4em,
var(--colorE) 4em,
var(--colorE) 5em,
var(--colorF) 5em,
var(--colorF) 6em
);
background-size: 90px 90px, 30px 30px;
background-blend-mode: @p(multiply, color-burn, screen, lighten, difference);