.floating-icon{z-index:0;will-change:transform;pointer-events:auto;transition:filter .3s,opacity .3s;animation:ease-in-out infinite float-drift;position:absolute}@keyframes float-drift{0%,to{transform:translate(0,0)rotate(var(--rotation,0deg))}25%{transform:translate(20px,-30px)rotate(calc(var(--rotation,0deg) + 10deg))}50%{transform:translate(-15px,-60px)rotate(calc(var(--rotation,0deg) - 5deg))}75%{transform:translate(30px,-30px)rotate(calc(var(--rotation,0deg) + 15deg))}}
@supports (animation-timeline:scroll()){.main-section{animation:linear both fadeOnScroll;animation-timeline:scroll(root);animation-range:200px 800px}.move-up-on-scroll{animation:linear both moveUpOnScroll;animation-timeline:scroll(root);animation-range:200px 800px}}@keyframes fadeOnScroll{0%{opacity:1}to{opacity:.4}}@keyframes moveUpOnScroll{0%{transform:translateY(0)}to{transform:translateY(-120px)}}