:doodle {
@size: 99vw;
grid-gap: 1vw;
}
background: #fff;
border-radius: 50%;
overflow: hidden;
:before {
content: '';
transition: @rand(0.4s, 1.2s) ease;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2vw;
margin-top: -2vw;
@size: 6vw;
transform: translate(@rand(-50%, 50%), @rand(-50%, 50%));
border-radius: 50%;
background-color: black;
border: @rand(1vw, 2vw) solid hsl(@rand(360), 97%, 52%);
}
:after {
content: '';
border-radius: 50%;
width: 100%;
height: 100%;
box-shadow: inset 0 0 5vh black;
position: relative;
z-index: 20;
}