.confetti{align-items:center;display:flex;height:333px;justify-content:center;overflow:hidden;position:absolute;top:120px;width:100%;z-index:100}.has-scrolled .confetti{top:0}.confetti-piece{background:#fff;height:30px;opacity:0;position:absolute;top:0;width:10px}.confetti-piece:first-child{-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:182ms;-webkit-animation-duration:1116ms;left:7%;-webkit-transform:rotate(-40deg)}.confetti-piece:nth-child(2){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:161ms;-webkit-animation-duration:1076ms;left:14%;-webkit-transform:rotate(4deg)}.confetti-piece:nth-child(3){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:481ms;-webkit-animation-duration:1103ms;left:21%;-webkit-transform:rotate(-51deg)}.confetti-piece:nth-child(4){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:334ms;-webkit-animation-duration:708ms;left:28%;-webkit-transform:rotate(61deg)}.confetti-piece:nth-child(5){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:302ms;-webkit-animation-duration:776ms;left:35%;-webkit-transform:rotate(-52deg)}.confetti-piece:nth-child(6){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:.18s;-webkit-animation-duration:1168ms;left:42%;-webkit-transform:rotate(38deg)}.confetti-piece:nth-child(7){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:395ms;-webkit-animation-duration:1.2s;left:49%;-webkit-transform:rotate(11deg)}.confetti-piece:nth-child(8){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:14ms;-webkit-animation-duration:887ms;left:56%;-webkit-transform:rotate(49deg)}.confetti-piece:nth-child(9){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:149ms;-webkit-animation-duration:805ms;left:63%;-webkit-transform:rotate(-72deg)}.confetti-piece:nth-child(10){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:351ms;-webkit-animation-duration:1059ms;left:70%;-webkit-transform:rotate(10deg)}.confetti-piece:nth-child(11){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:307ms;-webkit-animation-duration:1132ms;left:77%;-webkit-transform:rotate(4deg)}.confetti-piece:nth-child(12){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:464ms;-webkit-animation-duration:776ms;left:84%;-webkit-transform:rotate(42deg)}.confetti-piece:nth-child(13){-webkit-animation:makeItRain 1s ease-out infinite;-webkit-animation-delay:429ms;-webkit-animation-duration:818ms;left:91%;-webkit-transform:rotate(-72deg)}.confetti-piece:nth-child(odd){background:#6404da}.confetti-piece:nth-child(2n){background:#fa6496}.confetti-piece:nth-child(4n){-webkit-animation-duration:2s;background:#04d3aa;height:12px;width:5px}.confetti-piece:nth-child(3n){-webkit-animation-delay:1s;-webkit-animation-duration:2.5s;background:#120a48;height:10px;width:3px}.confetti-piece:nth-child(4n-7){background:#54b0ff}@-webkit-keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{-webkit-transform:translateY(350px)}}@media (min-width:900px) and (min-height:800px){.confetti{height:376px}}@media (max-width:1023px){.confetti{height:244px;top:62px}}