.confetti-container{display:flex;height:80vh;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100vw}.confetti{animation:fallAndRotate 10s linear infinite;background-color:var(--color);border-radius:2px;height:20px;margin:15px;opacity:.8;position:aboslute;width:10px}@keyframes fallAndRotate{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(100vh) rotate(1turn)}}.confetti:first-child{--color:red;animation-delay:2.1s;left:3%}.confetti:nth-child(2){--color:#f67908;animation-delay:7.5s;left:42%}.confetti:nth-child(3){--color:#000;animation-delay:3.2s;left:17%}.confetti:nth-child(4){--color:red;animation-delay:1.8s;left:86%}.confetti:nth-child(5){--color:#f67908;animation-delay:9.4s;left:53%}.confetti:nth-child(6){--color:#000;animation-delay:4.3s;left:27%}.confetti:nth-child(7){--color:red;animation-delay:6.2s;left:72%}.confetti:nth-child(8){--color:#f67908;animation-delay:2.9s;left:14%}.confetti:nth-child(9){--color:#000;animation-delay:1.6s;left:62%}.confetti:nth-child(10){--color:red;animation-delay:5.7s;left:34%}.confetti:nth-child(11){--color:#f67908;animation-delay:4.9s;left:78%}.confetti:nth-child(12){--color:#000;animation-delay:6.7s;left:22%}.confetti:nth-child(13){--color:red;animation-delay:3.4s;left:49%}.confetti:nth-child(14){--color:#f67908;animation-delay:8.3s;left:91%}.confetti:nth-child(15){--color:#000;animation-delay:9.1s;left:10%}.confetti:nth-child(16){--color:red;animation-delay:2.6s;left:61%}.confetti:nth-child(17){--color:#f67908;animation-delay:7.9s;left:37%}.confetti:nth-child(18){--color:#000;animation-delay:5.2s;left:82%}.confetti:nth-child(19){--color:red;animation-delay:1.4s;left:29%}.confetti:nth-child(20){--color:#f67908;animation-delay:9.7s;left:68%}.confetti:nth-child(21){--color:#000;animation-delay:2.2s;left:15%}.confetti:nth-child(22){--color:red;animation-delay:6.5s;left:84%}.confetti:nth-child(23){--color:#f67908;animation-delay:3.7s;left:19%}.confetti:nth-child(24){--color:#000;animation-delay:8.8s;left:74%}.confetti:nth-child(25){--color:red;animation-delay:5.5s;left:45%}.confetti:nth-child(26){--color:#f67908;animation-delay:1.3s;left:12%}.confetti:nth-child(27){--color:#000;animation-delay:4.6s;left:59%}.confetti:nth-child(28){--color:red;animation-delay:7.1s;left:96%}.confetti:nth-child(29){--color:#f67908;animation-delay:2.8s;left:31%}.confetti:nth-child(30){--color:#000;animation-delay:9.8s;left:88%}.confetti:nth-child(31){--color:red;animation-delay:5.3s;left:38%}.confetti:nth-child(32){--color:#f67908;animation-delay:2.4s;left:66%}.confetti:nth-child(33){--color:#000;animation-delay:8.6s;left:9%}.confetti:nth-child(34){--color:red;animation-delay:3.6s;left:55%}.confetti:nth-child(35){--color:#f67908;animation-delay:6.8s;left:73%}.confetti:nth-child(36){--color:#000;animation-delay:1.9s;left:48%}.confetti:nth-child(37){--color:red;animation-delay:7.4s;left:24%}.confetti:nth-child(38){--color:#f67908;animation-delay:4.1s;left:80%}.confetti:nth-child(39){--color:#000;animation-delay:9.6s;left:13%}.confetti:nth-child(40){--color:red;animation-delay:5.1s;left:41%}