html, body, div, span, object, iframe, h1, h2, h3, p, img, ul, li, article, aside, footer, header, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

html,
body {
	height: 100%;
}

body {
	font: 18px sans-serif;
	line-height: 1.4;
	color: #fff;
	overflow: hidden;
	background-color: #000;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	position: fixed;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

a:hover,
a:active,
a:focus {
	outline: none;
}

a:active {
	color: #999;
}

a:link {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.tv {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	background-image: url(/assets/images/testcard-shaded.png);
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.scanlines {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	background-image:
		-webkit-radial-gradient(
			center,
			ellipse cover,
			transparent 0%,
			transparent 60%,
			rgba(0, 0, 0, 0.25) 100%
		),
		-webkit-repeating-linear-gradient(
			top,
			transparent 0px,
			transparent 1px,
			rgba(0, 0, 0, 0.25) 3px
		);
	background-image:
		-moz-radial-gradient(
			center,
			ellipse cover,
			transparent 0%,
			transparent 60%,
			rgba(0, 0, 0, 0.25) 100%
		),
		-moz-repeating-linear-gradient(
			top,
			transparent 0px,
			transparent 1px,
			rgba(0, 0, 0, 0.25) 3px
		);
	background-image:
		radial-gradient(
			ellipse at center,
			transparent 0%,
			transparent 60%,
			rgba(0, 0, 0, 0.25) 100%
		),
		repeating-linear-gradient(
			0deg,
			transparent 0px,
			transparent 1px,
			rgba(0, 0, 0, 0.25) 3px
		);
	-webkit-background-size: 100% 100%, 100% 6px;
	-moz-background-size: 100% 100%, 100% 6px;
	background-size: 100% 100%, 100% 6px;
}

.autoplay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer;
	background-image: url(/assets/images/play.svg);
	background-size: 96px 96px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	touch-action: manipulation;
}

.autoplay h1,
.autoplay p {
	text-align: center;
	position: relative;
	top: 50%;
	text-transform: uppercase;
	font-family: "Raleway", sans-serif;
	font-weight: 900;
}

.autoplay h1 {
	margin-top: -170px;
	font-size: 60px;
	text-shadow: 0 0 24px rgba(0, 0, 0, 0.5);
}

.autoplay p {
	margin-top: 200px;
	font-size: 22px;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.alt {
	display: none;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: -50px;
	color: #222;
	background-color: #fff;
	padding: 20px 0;
}

.disabled .alt {
	pointer-events: none;
}

.alt a {
	color: #222;
	text-decoration: underline;
}