.rain-container{background:linear-gradient(#e2e8f0,#cbd5e1);width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.rain{z-index:0;pointer-events:none;width:100vw;height:100vh;position:absolute}.drop{color:#47556966;font-size:14px;position:absolute;top:-5vh}.drop:first-child{animation:8s linear -3s infinite fall-1;left:61vw}@keyframes fall-1{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(2){animation:7.2s linear -1s infinite fall-2;left:87vw}@keyframes fall-2{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(3){animation:10.2s linear -8s infinite fall-3;left:63vw}@keyframes fall-3{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(4){animation:6.2s linear -8.5s infinite fall-4;left:68vw}@keyframes fall-4{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(5){animation:6.2s linear -2.5s infinite fall-5;left:59vw}@keyframes fall-5{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(6){animation:9.8s linear -7.5s infinite fall-6;left:24vw}@keyframes fall-6{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(7){animation:10.7s linear -5s infinite fall-7;left:37vw}@keyframes fall-7{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(8){animation:7.9s linear -7.5s infinite fall-8;left:38vw}@keyframes fall-8{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(9){animation:8.6s linear -6s infinite fall-9;left:96vw}@keyframes fall-9{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(10){animation:6.6s linear -6s infinite fall-10;left:71vw}@keyframes fall-10{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(11){animation:6.4s linear -10s infinite fall-11;left:14vw}@keyframes fall-11{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(12){animation:10.1s linear -2.5s infinite fall-12;left:3vw}@keyframes fall-12{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(13){animation:11.3s linear -7.5s infinite fall-13;left:91vw}@keyframes fall-13{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(14){animation:7.1s linear -4s infinite fall-14;left:24vw}@keyframes fall-14{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(15){animation:8.4s linear -6.5s infinite fall-15;left:14vw}@keyframes fall-15{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(16){animation:7.6s linear -6s infinite fall-16;left:3vw}@keyframes fall-16{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(17){animation:8.2s linear -6s infinite fall-17;left:42vw}@keyframes fall-17{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(18){animation:9.5s linear -6.5s infinite fall-18;left:38vw}@keyframes fall-18{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(19){animation:7.3s linear -6s infinite fall-19;left:80vw}@keyframes fall-19{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(20){animation:8.5s linear -4.5s infinite fall-20;left:45vw}@keyframes fall-20{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(21){animation:9.3s linear -8s infinite fall-21;left:46vw}@keyframes fall-21{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(22){animation:7.7s linear -4s infinite fall-22;left:64vw}@keyframes fall-22{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(23){animation:10s linear -4s infinite fall-23;left:64vw}@keyframes fall-23{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(24){animation:8s linear -1.5s infinite fall-24;left:19vw}@keyframes fall-24{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(25){animation:11s linear -8.5s infinite fall-25;left:74vw}@keyframes fall-25{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(26){animation:8.9s linear -6s infinite fall-26;left:62vw}@keyframes fall-26{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(27){animation:9.5s linear -7.5s infinite fall-27;left:54vw}@keyframes fall-27{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(28){animation:10.2s linear -7.5s infinite fall-28;left:37vw}@keyframes fall-28{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(29){animation:9.7s linear -3s infinite fall-29;left:91vw}@keyframes fall-29{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.drop:nth-child(30){animation:10.6s linear -5.5s infinite fall-30;left:30vw}@keyframes fall-30{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}