*{
	margin:0;
	padding:0;
	font:inherit;
	box-sizing:border-box;
}
html{
	font-size:16px;
	line-height:1;
	font-family:-apple-system, helvetica, arial, sans-serif;
	color:#fff;
	min-height:100%;
	background:radial-gradient(circle 30em at center top,rgba(0, 0, 255, 0.2) 0%,transparent 100%), #000;
}
body{
	margin:0 auto;
	padding:3em 2em;
	max-width:60em;
}
.app-title{
	color: blue;
	font-weight:bold;
	padding-bottom:0.6em;
	font-size:1.5em;
	line-height:1.25;
}
.app-title img{
	height: 1.25em;
	float: left;
	margin-right: 0.5em;
}
h1{
	padding-bottom:0.4em;
	font-size:3em;
	max-width:10em;
	background-image: linear-gradient(white, #3B82F7);
	color: transparent;
	background-clip: text;
}
strong{
	font-weight:bold;
}
video{
	width:100%;
	display:block;
	border-radius:0.5em;
	box-shadow:0 0 6em rgba(0,0,255,1);
	margin:5em auto;
}
p{
	margin-bottom:1em;
	line-height:1.3;
	padding-bottom:2em;
}
.button{
	display:inline-block;
	background:blue;
	color:white;
	text-decoration:none;
	padding:0.6em 1em;
	border-radius:0.5em;
	font-weight:bold;
	line-height:24px;
	transition:background .3s;
}
.button:hover{
	background:#000099;
}
.button span{
	float:left;
	margin-right:0.4em;
}
footer{
	margin-top:6em;
	font-size:0.8em;
	text-align:right;
	color:#999;
}
footer span{
	display:block;
}
footer a{
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-wrap:nowrap;
}
.hide{
	display:none;
}
@media (min-width:50em){
	body{
		padding:6em;
	}
}
::selection {
	color: white;
	background-color: #3B82F7;
}