:doodle{
@size:500px 500px;
}
@keyframes move{
10%{box-shadow:0px 0px 4px white, 0px 0px 8px white;background:white}
20%{box-shadow:0px 0px 4px #757575, 0px 0px 8px #757575;background:#757575}
30%{box-shadow:0px 0px 4px white, 0px 0px 8px white;background:white}
40%{box-shadow:0px 0px 4px #757575, 0px 0px 8px #757575;background:#757575}
50%{box-shadow:0px 0px 4px white, 0px 0px 8px white;background:white}
60%{box-shadow:0px 0px 4px #757575, 0px 0px 8px #757575;background:#757575}
70%{box-shadow:0px 0px 4px white, 0px 0px 8px white;background:white}
80%{box-shadow:0px 0px 4px #757575, 0px 0px 8px #757575;background:#757575}
90%{box-shadow:0px 0px 4px white, 0px 0px 8px white;background:white}
100%{box-shadow:0px 0px 4px #757575, 0px 0px 8px #757575;background:#757575;transform:rotate(0);}
}
position: absolute;
top: @r(20,80)px;
left: @r(40,180)px;
width: 2px;
height: 2px;
box-shadow:0px 0px 2px white;
background: #fff;
border-radius: 50%;
transform:rotate(@r(360deg)) translate(@r(-10,10)px,@r(-10,10)px) ;
animation:move @r(50,100)s infinite linear alternate;
zoom:@rn(5,30,3);