:doodle { @grid: 1x18 / 100% 100%; margin-top: 0% }
@place-cell: center;
width: @rand(70vmin, 100vmin);
height:
@rand(70vmin, 100vmin);
transform: translate(@rand(0%, 120%),
@rand(10%, 80%)) scale(@rand(.8, 2.8)) skew(@rand(45deg));
clip-path:
polygon( @r(0, 30%) @r(0, 50%), @r(30%, 60%) @r(0%, 30%), @r(60%, 100%)
@r(0%, 50%), @r(60%, 100%) @r(50%, 100%), @r(30%, 60%) @r(60%, 100%),
@r(0, 30%) @r(60%, 100%) );
background: @pick(#feacac, #9793ea, #feacac, #fe9b7b, #c9db85, #bbd7ff, #e9f6c1, #a3cbdc, #82c1e2, #fff4e1);
opacity: @rand(.5,.9);
position: relative; top: @rand(20%, 80%); left: @rand(0%, 80%);
animation: colorChange @rand(6.1s, 26.1s) infinite @rand(-.5s, -2.5s)
linear alternate;
@keyframes colorChange { 100% { left: 0; top: 0; filter:
hue-rotate(360deg); } }