.rain{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.drop{position:absolute;top:-5%;width:1px;height:50px;background:linear-gradient(to bottom,#bcbbbbeb)transparent;border:round;transform:rotate(210deg);animation-name:fall-diagonal;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:.3}.stem{width:300%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);border-radius:500px;animation-name:fall-diagonal;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes fall-diagonal{0%{transform:translate(0) rotate(210deg);opacity:.3}to{transform:translate(-100px,120vh) rotate(210deg);opacity:0}}