.fireworks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.firework{position:absolute;width:.5vmin;height:.5vmin;border-radius:50%}.firework,.firework:after,.firework:before{--initial-hue:120;content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform-origin:center center;animation:firework-animation 2s ease-out forwards}.firework:before{transform-origin:center center;animation-delay:.2s}.firework:after{transform-origin:center center;animation-delay:.4s}.firework:first-child{top:15%;left:20%;animation-delay:0s;--initial-hue:54}.firework:nth-child(2){top:50%;left:80%;animation-delay:.5s;--initial-hue:0}.firework:nth-child(3){top:70%;left:40%;animation-delay:1s;--initial-hue:210}@keyframes firework-animation{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 .1vmin hsl(var(--initial-hue),100%,50%)}to{transform:scale(30);opacity:0;box-shadow:0 0 0 .1vmin hsla(var(--initial-hue),100%,50%,0)}}