body {
	background-color: black;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100vh;
	width: 100vw;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: none;
}

body::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	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: 20;
	background-size: 100% 2px, 3px 100%;
	pointer-events: none;
}

body::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(18, 16, 16, 0.18);
	opacity: 0;
	z-index: 20;
	pointer-events: none;
	animation: flicker 0.15s infinite;
}

@keyframes flicker {
	0% {
		opacity: 0.27861;
	}

	5% {
		opacity: 0.34769;
	}

	10% {
		opacity: 0.23604;
	}

	15% {
		opacity: 0.90626;
	}

	20% {
		opacity: 0.18128;
	}

	25% {
		opacity: 0.83891;
	}

	30% {
		opacity: 0.65583;
	}

	35% {
		opacity: 0.67807;
	}

	40% {
		opacity: 0.26559;
	}

	45% {
		opacity: 0.84693;
	}

	50% {
		opacity: 0.96019;
	}

	55% {
		opacity: 0.08594;
	}

	60% {
		opacity: 0.20313;
	}

	65% {
		opacity: 0.71988;
	}

	70% {
		opacity: 0.53455;
	}

	75% {
		opacity: 0.37288;
	}

	80% {
		opacity: 0.71428;
	}

	85% {
		opacity: 0.70419;
	}

	90% {
		opacity: 0.7003;
	}

	95% {
		opacity: 0.36108;
	}

	100% {
		opacity: 0.24387;
	}
}

#mon-wrap {
	perspective: 600px;
	perspective-origin: center;
}

#mon {
	transform: rotateX(2deg) rotateY(-2deg);
	transform-origin: center;
}

@font-face {
	src: url("../assets/3270-Medium 500.ttf");
	font-family: IBM;
}

@font-face {
	src: url("../assets/OCR-B.ttf");
	font-family: ORC-B;
}

#title {
	white-space: nowrap;
	color: green;
	position: relative;
	text-align: center;
	align-items: center;
	font-weight: 800;
	font-size: 35px;
	font-family: IBM;
}

@media only screen and (max-width: 800px) {
	#title {
		white-space: nowrap;
		color: green;
		position: relative;
		text-align: center;
		align-items: center;
		font-weight: 800;
		font-size: 2vw;
		font-family: IBM;
	}
}


#quotes {
	color: green;
	position: relative;
	align-items: center;
	text-align: center;
	font-weight: 800;
	font-family: IBM;
}

.netman {
	font-family: ORC-B;
	position: relative;
	text-align: center;
	align-items: center;
	color: green;
	font-weight: 800;
}