.confetti{width:10px;height:10px;background-color:#f00;position:absolute;top:-10px;animation:fall 5s linear infinite}@keyframes fall{0%{transform:translateY(-10px) rotate(0deg)}to{transform:translateY(100vh) rotate(2turn);opacity:0}}.confetti:nth-child(5n){background-color:#00f;animation-duration:6s}.confetti:nth-child(5n+1){background-color:#0f0;animation-duration:4s}.confetti:nth-child(5n+2){background-color:#ff0;animation-duration:7s}.confetti:nth-child(5n+3){background-color:#f0f;animation-duration:4.5s}.confetti:nth-child(5n+4){background-color:#0ff;animation-duration:5.5s}.confetti:nth-child(3n){width:15px;height:5px;border-radius:0}.confetti:nth-child(3n+1){width:8px;height:8px;border-radius:50%}.confetti:first-child{left:10%;animation-delay:0s}.confetti:nth-child(2){left:20%;animation-delay:-1.5s}.confetti:nth-child(3){left:30%;animation-delay:-3s}.confetti:nth-child(4){left:40%;animation-delay:-.5s}.confetti:nth-child(5){left:50%;animation-delay:-2.5s}.confetti:nth-child(6){left:60%;animation-delay:-4s}.confetti:nth-child(7){left:70%;animation-delay:-1s}.confetti:nth-child(8){left:80%;animation-delay:-2s}.confetti:nth-child(9){left:90%;animation-delay:-3.5s}.confetti:nth-child(10){left:5%;animation-delay:-.8s}.confetti:nth-child(11){left:15%;animation-delay:-2.3s}.confetti:nth-child(12){left:25%;animation-delay:-4.2s}.confetti:nth-child(13){left:35%;animation-delay:-1.1s}.confetti:nth-child(14){left:45%;animation-delay:-2.8s}.confetti:nth-child(15){left:55%;animation-delay:-3.3s}.confetti:nth-child(16){left:65%;animation-delay:-.2s}.confetti:nth-child(17){left:75%;animation-delay:-1.8s}.confetti:nth-child(18){left:85%;animation-delay:-3.7s}.confetti:nth-child(19){left:95%;animation-delay:-2.1s}.confetti:nth-child(20){left:2%;animation-delay:-4.5s}