body{
    	background: rgba(255, 0, 0, 1);
}

svg{
    width: 100vw;
	height: 100vh;
}


@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;
	}
}
.crt::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(18, 16, 16, 0.1);
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	animation: flicker 2s infinite;
}
.crt::before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2000;
	background: linear-gradient(rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.25) 50%);
	background-size: 100% 2px;
	background-repeat: repeat;
	pointer-events: none;
	height: 100vh;
}
.crt {
	line-height: 1;
	text-shadow: 0.06rem 0 0.06rem #ea36af, -0.125rem 0 0.06rem #75fa69;
	letter-spacing: 0.125em;
	animation: 0.5s textflicker infinite alternate;
}

@keyframes textflicker {
	from {
		text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
	}
	to {
		text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
	}
}

.glitch {
	color: white;
	position: relative;
	margin: 0 auto;
}

@keyframes noise-anim {
	0% {
		clip: rect(42px, 9999px, 88px, 0);
	}
	5% {
		clip: rect(17px, 9999px, 27px, 0);
	}
	10% {
		clip: rect(48px, 9999px, 96px, 0);
	}
	15% {
		clip: rect(8px, 9999px, 2px, 0);
	}
	20% {
		clip: rect(32px, 9999px, 48px, 0);
	}
	25% {
		clip: rect(42px, 9999px, 37px, 0);
	}
	30% {
		clip: rect(34px, 9999px, 54px, 0);
	}
	35% {
		clip: rect(26px, 9999px, 30px, 0);
	}
	40% {
		clip: rect(48px, 9999px, 9px, 0);
	}
	45% {
		clip: rect(10px, 9999px, 34px, 0);
	}
	50% {
		clip: rect(13px, 9999px, 12px, 0);
	}
	55% {
		clip: rect(70px, 9999px, 73px, 0);
	}
	60% {
		clip: rect(95px, 9999px, 44px, 0);
	}
	65% {
		clip: rect(30px, 9999px, 19px, 0);
	}
	70% {
		clip: rect(80px, 9999px, 25px, 0);
	}
	75% {
		clip: rect(38px, 9999px, 100px, 0);
	}
	80% {
		clip: rect(59px, 9999px, 74px, 0);
	}
	85% {
		clip: rect(71px, 9999px, 32px, 0);
	}
	90% {
		clip: rect(44px, 9999px, 3px, 0);
	}
	95% {
		clip: rect(54px, 9999px, 89px, 0);
	}
	100% {
		clip: rect(11px, 9999px, 32px, 0);
	}
}
.glitch:after {
	width: 100%;
	height: 100%;
	content: "The next generation of arcade gamers top the leaderboard";
	position: absolute;
	left: 2px;
	top: 0;
	color: #000;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim 4s infinite linear alternate-reverse;
}

@keyframes noise-anim-2 {
	0% {
		clip: rect(2px, 9999px, 90px, 0);
	}
	5% {
		clip: rect(63px, 9999px, 27px, 0);
	}
	10% {
		clip: rect(52px, 9999px, 51px, 0);
	}
	15% {
		clip: rect(26px, 9999px, 70px, 0);
	}
	20% {
		clip: rect(9px, 9999px, 14px, 0);
	}
	25% {
		clip: rect(76px, 9999px, 1px, 0);
	}
	30% {
		clip: rect(46px, 9999px, 94px, 0);
	}
	35% {
		clip: rect(76px, 9999px, 46px, 0);
	}
	40% {
		clip: rect(36px, 9999px, 46px, 0);
	}

	50% {
		clip: rect(74px, 9999px, 65px, 0);
	}
	55% {
		clip: rect(90px, 9999px, 65px, 0);
	}
	60% {
		clip: rect(34px, 9999px, 75px, 0);
	}
	65% {
		clip: rect(52px, 9999px, 56px, 0);
	}
	70% {
		clip: rect(49px, 9999px, 54px, 0);
	}
	75% {
		clip: rect(68px, 9999px, 26px, 0);
	}
	80% {
		clip: rect(55px, 9999px, 28px, 0);
	}
	85% {
		clip: rect(92px, 9999px, 35px, 0);
	}
	90% {
		clip: rect(32px, 9999px, 77px, 0);
	}
	95% {
		clip: rect(77px, 9999px, 11px, 0);
	}
	100% {
		clip: rect(81px, 9999px, 99px, 0);
	}
}
.glitch:before {
	width: 100%;
	height: 100%;
	content: "The next generation of arcade gamers top the leaderboard";
	position: absolute;
	left: -2px;
	top: 0;
	color: #000;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim-2 3s infinite linear alternate-reverse;
}

.absolute {
	display: none;
	position: absolute;
	z-index: 10;
	opacity: 0.5;
	pointer-events: none;
	animation: shift 10s infinite alternate;
}

@keyframes shift {
	0% {
		transform: translateX(0);
	}
	24% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(3px);
	}
	26% {
		transform: translateX(0);
	}
	49% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(2px);
	}
	51% {
		transform: translateX(0);
	}
	74% {
		transform: translateX(0);
	}
	75% {
		transform: translateX(-3px);
	}
	76% {
		transform: translateX(0px);
	}
	99% {
		transform: translateX(1px);
	}
}

/**
 * Make a Text Cycle Customization
 * See more at: https://support.cargo.site/Make-a-Text-Cycle
 **/

.cycle_content {
    opacity: 0;
    white-space: nowrap;
    display: inline-block;
    pointer-events: none;
    color: rgba(255, 255, 255, 0.43);
}

.cycle_container {
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 1rem;
  font-style: italic;
  line-height: 1 !important;
}

[data-css-preset] #site_menu_button {
	font-size: 28px /*!site_menu_button*/;
	top: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}