:doodle { @size: 100vw 100vmin; perspective: 10px; } position: absolute; top: @r(1%, 100%); left: @r(1%, 100%); width: 2px; height: 2px; background: #000; border-radius: 50%; background: hsl(@r(1, 255, 3), @r(10%, 90%), @r(10%, 90%)); transform: rotate(@r(360deg)) translate(@r(-50, 50)vmin, @r(-50, 50)vmin); animation: move @r(5, 15)s infinite @r(-10, 0)s @p(linear, ease-in, ease-in-out) alternate; zoom: @rn(.1, 5, 3); @keyframes move { 100% { transform: rotate(0) translate(0, 0); } }