.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;width:10px;height:10px;background:#0c4f58;top:-10px;opacity:0}.confetti-piece:first-child{left:7%;transform:rotate(-40deg);animation:makeItRain 1s ease-out infinite;animation-delay:182ms;animation-duration:1116ms}.confetti-piece:nth-child(2){left:14%;transform:rotate(4deg);animation:makeItRain 1s ease-out infinite;animation-delay:161ms;animation-duration:1076ms}.confetti-piece:nth-child(3){left:21%;transform:rotate(-51deg);animation:makeItRain 1s ease-out infinite;animation-delay:481ms;animation-duration:1103ms}.confetti-piece:nth-child(4){left:28%;transform:rotate(61deg);animation:makeItRain 1s ease-out infinite;animation-delay:334ms;animation-duration:708ms}.confetti-piece:nth-child(5){left:35%;transform:rotate(-52deg);animation:makeItRain 1s ease-out infinite;animation-delay:302ms;animation-duration:776ms}@keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{transform:translateY(350px)}}