:root{--bg:#1c1c1c;--text-height:500px}h1{color:#fff;font-family:Overpass Mono;font-size:500px;font-weight:700}.sparkle{width:100vw;height:var(--text-height);text-align:center;line-height:var(--text-height);color:#fff;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 10px #000;margin:auto;font-weight:700;position:relative}.star{--star-size:50px;--star-age:5s;--start-left:0px;--start-top:0px;--end-left:0px;--end-top:0px;--star-color:#f1c40f;width:var(--star-size);height:var(--star-size);left:var(--end-left);top:var(--end-top);background:var(--star-color);mix-blend-mode:lighten;animation:slide var(--star-age)ease-in forwards;position:absolute}.star:after{content:"";width:var(--star-size);height:var(--star-size);background-color:var(--bg);top:calc(var(--star-size)/2*-1);left:calc(var(--star-size)/2*-1);box-shadow:var(--star-size)var(--star-size)var(--bg),var(--star-size)0px var(--bg),0px var(--star-size)var(--bg);border-radius:100%;display:block;position:relative}@keyframes slide{0%{left:var(--start-left);top:var(--start-top);opacity:0;transform:rotate(0)}to{left:var(--end-left);top:var(--end-top);transform:rotate(calc(180deg*var(--star-age-num)))scale(.5);opacity:1}}html,body{height:100%;margin:0}body{background-color:#000}@font-face{font-display:swap;font-family:Overpass Mono;font-style:normal;font-weight:400;src:url(./fonts/overpass-mono-v21-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Overpass Mono;font-style:normal;font-weight:700;src:url(./fonts/overpass-mono-v21-latin-700.woff2)format("woff2")}