body {
    margin: 0;
    overflow: hidden;
    background: #0e153a; /* Dark background to highlight the rain */
}

.rain-container {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
}

.raindrop {
    position: absolute;
    bottom: 100%;
    width: 2px;
    height: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    animation: fall linear infinite;
}

@keyframes fall {
    to {
        transform: translateY(100vh);
    }
}