:doodle {
@grid: 10x10 / 100vmin;
}
@place-cell: center;
--size: @rand(40vmin, 80vmin);
width: var(--size);
height: var(--size);
transform: translate(@rand(-120%, 120%), @rand(-80%, 80%)) scale(@rand(.8, 2.8));
border-radius: 50%;
background: @pick(#e3d0d6, #d9cbd1, #c2bec3, #adb2b8, #a3acb1, #90a1a6, #80979d, #728e94, #67878c, #608288);
position: relative;
top: @rand(-80%, 80%);
left: @rand(-80%, 80%);
opacity: 0.3;
animation: colorChange @rand(2s, 6s) infinite @rand(-.5s, -2.5s) linear alternate;
@keyframes colorChange {
100% {
left: 0;
top: 0;
filter: hue-rotate(360deg);
}
}