*{margin:0;padding:0;box-sizing:border-box}body{background:#45231a}.leaf{position:absolute;top:-28px;opacity:0;line-height:1;animation-name:leaf-fall;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes leaf-fall{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:.55}50%{transform:translate(var(--drift),95px) rotate(calc(var(--spin) / 2))}85%{opacity:.45}to{transform:translateY(200px) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion: reduce){.leaf{display:none}}