:root {
	--bg-top: #0b1021;
	--bg-bottom: #05070f;
	--char-size: 12px;
	--char-gap: 8px;
	--min-speed: 16s;
	--max-speed: 40s;
}

.matrix {
	display: flex;
	user-select: none;
	justify-content: space-evenly;
	pointer-events: none;
	font-family: monospace;
	margin-bottom: -300px;
}

.column {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--char-gap);
	font-size: var(--char-size);
	font-weight: 600;
	color: #293846;
	/*text-shadow: 0 0 8px rgba(122, 233, 255, 0.6), 0 0 16px rgba(122, 233, 255, 0.4);
	filter: drop-shadow(0 0 6px rgba(122, 233, 255, 0.35));*/
	opacity: 0.8;
	transform: translateY(-140%);
	animation: fall var(--speed) linear infinite;
	animation-delay: var(--delay);
}

.glow-letter {
	filter: url(#glow);
	animation: pulse 3.2s infinite ease-in-out;
}

@keyframes pulse {
	0%, 100% {
		opacity: 0;
		filter: url(#glow) brightness(1);
	}
	50% {
		opacity: 0.8;
		filter: url(#glow) brightness(1.6);
	}
}

@keyframes fall {
	0% { transform: translateY(-140%); }
	100% { transform: translateY(140%); }
}