/* flicker */
body::after {
	content: " ";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(18, 16, 16, 0.1);
	z-index: 2;
	pointer-events: none;
	animation: flicker ease 5s infinite;
}

/* lines */
body::before {
	content: " ";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
	z-index: 2;
	background-size: 100% 4px, 6px 100%;
	pointer-events: none;
	opacity: 0.65;
}

main {
	animation: fade-in 1.5s ease;
	height: 100vh;
	width: 100vw;
}

nav {
	animation: 0.25s fade-in 1.25s ease backwards;
}

body {
	overflow: hidden;
	text-shadow:
		0 0 0.05em var(--color-primary),
		0 0 0.05em var(--color-primary),
		0 0 0.1em var(--color-primary),
		0 0 0em var(--color-primary)
		;
}

.headline {
	text-shadow:
		0 0 0.05em var(--color-primary),
		0 0 0.05em var(--color-primary),
		0 0 0.1em var(--color-primary),
		0 0 0em var(--color-primary)
		;
}

@keyframes fade-in {
	0% {
		transform: scale(1, 1) translate3d(0, 0, 0);
		-webkit-filter: contrast(0) brightness(0);
		filter: contrast(0) brightness(0);
		opacity: 0;
	}

	100% {
		transform: scale(1, 1) translate3d(0, 0, 0);
		-webkit-filter: contrast(1) brightness(1) saturate(1);
		filter: contrast(1) brightness(1) saturate(1);
		opacity: 1;
	}
}


@keyframes flicker {
	0% {
		opacity: 0.66355;
	}
	5% {
		opacity: 0.83427;
	}
	10% {
		opacity: 0.37457;
	}
	15% {
		opacity: 0.31838;
	}
	20% {
		opacity: 0.24185;
	}
	25% {
		opacity: 0.73088;
	}
	30% {
		opacity: 0.0095;
	}
	35% {
		opacity: 0.23807;
	}
	40% {
		opacity: 0.56455;
	}
	45% {
		opacity: 0.48677;
	}
	50% {
		opacity: 0.45769;
	}
	55% {
		opacity: 0.86059;
	}
	60% {
		opacity: 0.85756;
	}
	65% {
		opacity: 0.5222;
	}
	70% {
		opacity: 0.50756;
	}
	75% {
		opacity: 0.28393;
	}
	80% {
		opacity: 0.89806;
	}
	85% {
		opacity: 0.88911;
	}
	90% {
		opacity: 0.71662;
	}
	95% {
		opacity: 0.37886;
	}
	100% {
		opacity: 0.58541;
	}
}