#rain-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	pointer-events: none;
	/* Allows clicks to pass through */
	z-index: 0;
	/* Adjust as needed for your site */
}

#rain-container span {
	position: absolute;
	top: -20px;
	/* Start above viewport */
	width: 2px;
	height: 20px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));
	opacity: 0.6;
	border-radius: 20%;
	animation: fall linear 1.5s;
}

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