@media only screen and (max-width:41.66vw){.sparks{--tran:scale3d(.8,0,0)}}

*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

body{overflow:hidden;background:rgb(0,0,0);width:100vw;height:100%}

.sparks{display:flex}
.sparks,.track,.track span,.spark{position:absolute}

.sparks,.track{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}

.track span{border-radius:50%}
.spark{background:var(--bk)}
.sparks,.track,.track span{-webkit-transform:var(--tran);-moz-transform:var(--tran);-ms-transform:var(--tran);-o-transform:var(--tran);transform:var(--tran)}
.track span{-webkit-transform-origin:var(--tOrig);-moz-transform-origin:var(--tOrig);-ms-transform-origin:var(--tOrig);-o-transform-origin:var(--tOrig);transform-origin:var(--tOrig)}
.track span{-webkit-transition:var(--trans);-moz-transition:var(--trans);-o-transition:var(--trans);transition:var(--trans)}
.track span{-webkit-transition-delay:var(--tDelay);-moz-transition-delay:var(--tDelay);-o-transition-delay:var(--tDelay);transition-delay:var(--tDelay)}
.track span,.spark{-webkit-animation:var(--anim);-moz-animation:var(--anim);-ms-animation:var(--anim);-o-animation:var(--anim);animation:var(--anim)}

.sparks{--tran:translate3d(0,1.5vw,0)scale(1.2);z-index:0;filter:blur(.09vw)}

.track span{--orbitP:-15.16vw,10vw,0;--midSca:1.5;--myO0Bef:rotate(122.5deg)translate3d(0,0,0)rotate(-157.5deg)scale(calc(var(--num)*-1.3),1);--myO0:rotate(-67.5deg)translate3d(var(--orbitP))rotate(22.5deg)scale(var(--num,1));--myO50:rotate(22.5deg)translate3d(var(--orbitP))rotate(-67.5deg)scale(calc(var(--midSca) * var(--num,1)));--myO100:rotate(122.5deg)translate3d(var(--orbitP))rotate(-157.5deg)scale(var(--num,1));
	--anim:myOrbit 8s 1s linear forwards reverse}

.spark{--anim:var(--aName) var(--tim) calc(var(--del) * var(--delta)) var(--bez) infinite;border-radius:50%;box-shadow:0 0 .25vw rgba(255,180,0,.25);z-index:1}

.spark:nth-child(odd){width:.0416vw;height:.0416vw}
.spark:nth-child(even){width:.083vw;height:.083vw}
.spark:nth-child(-n + 200){--bez:cubic-bezier(1,.04,.55,1);--aName:spark;--delta:1s}
.spark:nth-child(-n + 150){--bk:darkorange;--tim:2s}
.spark:nth-child(-n + 75){--op:1}
.spark:nth-child(n + 76){--op:1}
.spark:nth-child(n + 151){--bk:darkyellow;--op:1;--tim:.5s}
.spark:nth-child(n + 201){--bk:red;--bez:cubic-bezier(1,.04,.25,1);--aName:spark2;--tim:5s;--delta:1ms;--op:1}

@-webkit-keyframes myOrbit{0%{-webkit-transform:var(--myO0Bef)}10%{-webkit-transform:var(--myO0)}60%{-webkit-transform:var(--myO50)}100%{-webkit-transform:var(--myO100)}}@-moz-keyframes myOrbit{0%{-moz-transform:var(--myO0Bef)}10%{-moz-transform:var(--myO0)}60%{-moz-transform:var(--myO50)}100%{-moz-transform:var(--myO100)}}@-ms-keyframes myOrbit{0%{-ms-transform:var(--myO0Bef)}10%{-ms-transform:var(--myO0)}60%{-ms-transform:var(--myO50)}100%{-ms-transform:var(--myO100)}}@-o-keyframes myOrbit{0%{-o-transform:var(--myO0Bef)}10%{-o-transform:var(--myO0)}60%{-o-transform:var(--myO50)}100%{-o-transform:var(--myO100)}}@keyframes myOrbit{0%{transform:var(--myO0Bef)}10%{transform:var(--myO0)}60%{transform:var(--myO50)}100%{transform:var(--myO100)}}
@-webkit-keyframes spark{0%{-webkit-transform:translate3d(0,0,0)}100%{opacity:var(--op);-webkit-transform:translate3d(var(--trTran))}}@-moz-keyframes spark{0%{-moz-transform:translate3d(0,0,0)}100%{opacity:var(--op);-moz-transform:translate3d(var(--trTran))}}@-ms-keyframes spark{0%{-ms-transform:translate3d(0,0,0)}100%{opacity:var(--op);-ms-transform:translate3d(var(--trTran))}}@-o-keyframes spark{0%{-o-transform:translate3d(0,0,0)}100%{opacity:var(--op);-o-transform:translate3d(var(--trTran))}}@keyframes spark{0%{transform:translate3d(0,0,0)}100%{opacity:var(--op);transform:translate3d(var(--trTran))}}
@-webkit-keyframes spark2{0%{opacity:1;-webkit-transform:translate3d(0,0,0)}35%{opacity:1}45%{opacity:0}100%{opacity:0;-webkit-transform:translate3d(var(--trTran))}}@-moz-keyframes spark2{0%{opacity:1;-moz-transform:translate3d(0,0,0)}35%{opacity:1}45%{opacity:0}100%{opacity:0;-moz-transform:translate3d(var(--trTran))}}@-ms-keyframes spark2{0%{opacity:1;-ms-transform:translate3d(0,0,0)}35%{opacity:1}45%{opacity:0}100%{opacity:0;-ms-transform:translate3d(var(--trTran))}}@-o-keyframes spark2{0%{opacity:1;-o-transform:translate3d(0,0,0)}35%{opacity:1}45%{opacity:0}100%{opacity:0;-o-transform:translate3d(var(--trTran))}}@keyframes spark2{0%{opacity:1;transform:translate3d(0,0,0)}35%{opacity:1}45%{opacity:0}100%{opacity:0;transform:translate3d(var(--trTran))}}