.rain-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.raindrop{position:absolute;width:2px;height:15px;background-color:rgba(255,255,255,.6);border-radius:50%;top:-50px;animation:falling linear infinite}.raindrop::after{content:"";position:absolute;bottom:-2px;left:-4px;width:10px;height:2px;border-radius:50%;background-color:rgba(255,255,255,.5);opacity:0;animation:splash 1s linear infinite;animation-delay:inherit}.raindrop:nth-child(1){left:5%;animation-duration:1.2s;animation-delay:.1s}.raindrop:nth-child(2){left:10%;animation-duration:.9s;animation-delay:.2s}.raindrop:nth-child(3){left:15%;animation-duration:1.1s;animation-delay:.3s}.raindrop:nth-child(4){left:20%;animation-duration:1.2s;animation-delay:.4s}.raindrop:nth-child(5){left:25%;animation-duration:.9s;animation-delay:.5s}.raindrop:nth-child(6){left:30%;animation-duration:1.1s;animation-delay:.6s}.raindrop:nth-child(7){left:35%;animation-duration:1.2s;animation-delay:0s}.raindrop:nth-child(8){left:40%;animation-duration:.9s;animation-delay:.1s}.raindrop:nth-child(9){left:45%;animation-duration:1.1s;animation-delay:.2s}.raindrop:nth-child(10){left:50%;animation-duration:1.2s;animation-delay:.3s}.raindrop:nth-child(11){left:55%;animation-duration:.9s;animation-delay:.4s}.raindrop:nth-child(12){left:60%;animation-duration:1.1s;animation-delay:.5s}.raindrop:nth-child(13){left:65%;animation-duration:1.2s;animation-delay:.6s}.raindrop:nth-child(14){left:70%;animation-duration:.9s;animation-delay:0s}.raindrop:nth-child(15){left:75%;animation-duration:1.1s;animation-delay:.1s}.raindrop:nth-child(16){left:80%;animation-duration:1.2s;animation-delay:.2s}.raindrop:nth-child(17){left:85%;animation-duration:.9s;animation-delay:.3s}.raindrop:nth-child(18){left:90%;animation-duration:1.1s;animation-delay:.4s}.raindrop:nth-child(19){left:95%;animation-duration:1.2s;animation-delay:.5s}.raindrop:nth-child(20){left:7%;animation-duration:.9s;animation-delay:.6s}.raindrop:nth-child(21){left:13%;animation-duration:1.1s;animation-delay:0s}.raindrop:nth-child(22){left:27%;animation-duration:1.2s;animation-delay:.1s}.raindrop:nth-child(23){left:33%;animation-duration:.9s;animation-delay:.2s}.raindrop:nth-child(24){left:47%;animation-duration:1.1s;animation-delay:.3s}.raindrop:nth-child(25){left:53%;animation-duration:1.2s;animation-delay:.4s}.raindrop:nth-child(26){left:67%;animation-duration:.9s;animation-delay:.5s}.raindrop:nth-child(27){left:73%;animation-duration:1.1s;animation-delay:.6s}.raindrop:nth-child(28){left:87%;animation-duration:1.2s;animation-delay:0s}.raindrop:nth-child(29){left:93%;animation-duration:.9s;animation-delay:.1s}.raindrop:nth-child(30){left:97%;animation-duration:1.1s;animation-delay:.2s}@keyframes falling{0%{top:-50px;opacity:0}10%{opacity:1}95%{opacity:.8}100%{top:100vh;opacity:0;height:20px}}@keyframes splash{0%,95%{opacity:0;transform:scale(0)}96%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}