:doodle {
@grid: 1x12 / 90vmin 70vmin;
bottom: 16%;
justify-self: center;
positiom: relative;
}
border-radius: 100%;
box-shadow: -.5vmin -.2vmin 0 aquamarine;
filter: drop-shadow( 0 0 3vmin aqua);
@size: 3vmin;
right: -.5vmin;
position: relative;
transform: scale(.9);
justify-self: center;
animation: moon 1s calc(.3s * @index) both;
@keyframes moon {
0% { opacity:0; top: -6vmin; }
100% { top: 0; }
}
opacity: calc(0 + 1 / 16 * @index);