: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);