.neon {
	font-family: 'Neonderthaw', monospace;
	font-weight: 400;
	font-style: normal;
	animation: flicker 10s linear infinite;
}

h1,
h2,
.lead {
	font-family: 'Tilt Neon', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings:
		'XROT' 25,
		'YROT' 25;
}

@font-face {
	font-family: 'Tilt Neon';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/TiltNeon-Regular-VariableFont_XROT%2CYROT.ttf) format('truetype');
}

@font-face {
	font-family: 'Neonderthaw';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/assets/Neonderthaw-Regular.ttf) format('truetype');
}

@keyframes flicker {
	0%,
	19.9%,
	22%,
	62.9%,
	64%,
	64.9%,
	70%,
	100% {
		opacity: 0.99;
		text-shadow:
			0 -2px 8px,
			0 0 2px,
			0 0 5px var(--bs-orange),
			0 2px 3px #000;
	}
	20%,
	21.9%,
	63%,
	63.9%,
	65%,
	69.9% {
		opacity: 0.4;
		text-shadow: none;
	}
}