:root{--scroll-progress:0;--element-height:127vh}.stars-container{position:absolute;width:100%;height:100%;pointer-events:none;top:0;left:0;z-index:10}.scrolling-star{position:absolute;transform:all .5 linear;z-index:10;transform:translate(-1rem,-1rem)}.star-0{--initial-top:20vh;--initial-left:15vw;--target-top:calc(var(--element-height) - 120px);--target-left:50vw}.star-0,.star-1{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-1{--initial-top:30vh;--initial-left:85vw;--target-top:calc(var(--element-height) - 60px);--target-left:calc(50vw + 104px)}.star-2{--initial-top:60vh;--initial-left:10vw;--target-top:calc(var(--element-height) - 104px);--target-left:calc(50vw + 60px)}.star-2,.star-3{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-3{--initial-top:70vh;--initial-left:90vw;--target-top:var(--element-height);--target-left:calc(50vw + 120px)}.star-4{--initial-top:10vh;--initial-left:50vw;--target-top:calc(var(--element-height) + 60px);--target-left:calc(50vw + 104px)}.star-4,.star-5{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-5{--initial-top:80vh;--initial-left:50vw;--target-top:calc(var(--element-height) + 104px);--target-left:calc(50vw + 60px)}.star-6{--initial-top:25vh;--initial-left:25vw;--target-top:calc(var(--element-height) + 120px);--target-left:50vw}.star-6,.star-7{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-7{--initial-top:25vh;--initial-left:75vw;--target-top:calc(var(--element-height) + 104px);--target-left:calc(50vw - 60px)}.star-8{--initial-top:65vh;--initial-left:25vw;--target-top:calc(var(--element-height) + 60px);--target-left:calc(50vw - 104px)}.star-8,.star-9{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-9{--initial-top:65vh;--initial-left:75vw;--target-top:var(--element-height);--target-left:calc(50vw - 120px)}.star-10{--initial-top:40vh;--initial-left:5vw;--target-top:calc(var(--element-height) - 60px);--target-left:calc(50vw - 104px)}.star-10,.star-11{top:calc(var(--initial-top) + var(--scroll-progress) * (var(--target-top) - var(--initial-top)));left:calc(var(--initial-left) + var(--scroll-progress) * (var(--target-left) - var(--initial-left)))}.star-11{--initial-top:40vh;--initial-left:95vw;--target-top:calc(var(--element-height) - 104px);--target-left:calc(50vw - 60px)}@media (min-width:769px){.scrolling-star{transition:all .2s cubic-bezier(.25,.46,.45,.94)}}.scrolling-star{opacity:calc(.7 + .3 * var(--scroll-progress));filter:drop-shadow(0 0 8px var(--eu-star))}