/* Create the rain animation */
.rain {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none; /* Allow clicks to pass through */
}

.rain .drop {
    position: absolute;
    width: 1px;
    height: 60px;
    background: none; /* Remove the background */
    border-left: 1px solid rgba(255, 255, 255, 0.5); /* Add border to create raindrop effect */
    animation: fall 1s linear infinite;
}

/* Keyframes for rain animation */
@keyframes fall {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(100vh);
    }
}