.fireworks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:1px;height:1px;z-index:100}.firework,.firework:after,.firework:before{position:absolute;width:4px;height:4px;border-radius:50%}.firework,.firework:after,.firework:before{content:"";top:0;left:0}.firework:first-child{background-color:#ffc700;animation:firework-1 1.2s ease-out infinite}.firework:nth-child(2){background-color:#00e0ff;animation:firework-2 1.2s ease-out infinite}.firework:nth-child(3){background-color:#ff007b;animation:firework-3 1.2s ease-out infinite}@keyframes firework-1{0%{transform:translate(0);opacity:1}to{transform:translate(100px,-50px);opacity:0}}@keyframes firework-2{0%{transform:translate(0);opacity:1}to{transform:translate(-100px,-50px);opacity:0}}@keyframes firework-3{0%{transform:translate(0);opacity:1}to{transform:translateY(100px);opacity:0}}.firework:before{left:-8px;background-color:#ffc700;animation:firework-b-1 1.2s ease-out infinite}.firework:after{left:8px;background-color:#00e0ff;animation:firework-a-1 1.2s ease-out infinite}@keyframes firework-b-1{0%{transform:translate(0);opacity:1}to{transform:translate(-50px,100px);opacity:0}}@keyframes firework-a-1{0%{transform:translate(0);opacity:1}to{transform:translate(50px,-100px);opacity:0}}.firework:nth-child(2):before{left:-8px;background-color:#ff007b;animation:firework-b-2 1.2s ease-out infinite}.firework:nth-child(2):after{left:8px;background-color:#ffc700;animation:firework-a-2 1.2s ease-out infinite}@keyframes firework-b-2{0%{transform:translate(0);opacity:1}to{transform:translate(-100px,50px);opacity:0}}@keyframes firework-a-2{0%{transform:translate(0);opacity:1}to{transform:translate(100px,50px);opacity:0}}.firework:nth-child(3):before{left:-8px;background-color:#00e0ff;animation:firework-b-3 1.2s ease-out infinite}.firework:nth-child(3):after{left:8px;background-color:#ff007b;animation:firework-a-3 1.2s ease-out infinite}@keyframes firework-b-3{0%{transform:translate(0);opacity:1}to{transform:translate(-50px,-100px);opacity:0}}@keyframes firework-a-3{0%{transform:translate(0);opacity:1}to{transform:translate(50px,100px);opacity:0}}