@charset "utf-8";
@import "/typography.css";
/*CSDE342DC*/
html {background:#000;min-height:100vh}
html,body {margin:0;padding:0}
body {width:100vw;overflow:hidden;font-family:verdana,arial,sans-serif;font-size:100%;color:#fff}
h1, h2, h3, header {font-family:HW,CE,chris-b,times,sans-serif}
h1 {font-size:4rem}
h2 {font-size:1.5rem}
h3 {font-size:1.2rem}
sub {vertical-align:sub}
sup {vertical-align:super}
pre,code,tt,kbd {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:95%
}
.pre,.code {white-space:prewrap}
a:link {text-decoration:none}
a:link,a:visited {color: rgba(227,66,220,1.0)}
a:hover {color: rgba(247,72,122,1.0);border-bottom:0.12rem dashed rgba(247,72,122,1.0)}
a:active,a:focus {color: rgba(145,80,228,1.0)}
video {
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%
}
.videowrapper {
	position:relative;
	height:100vh;
	width:100vw;
	overflow-x:hidden;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.header {
  position:relative;
  color: white;
  height:96%;
/*  flex-grow:5;*/
  text-shadow:1px 1px 8px rgba(0,0,0,0.6)
}
.header h1,.header span {position:relative;top:36%}
.header h1 {margin-bottom:0.2rem}
.header span {font-family:CD;font-size:1.5rem}
footer {position:relative;width:100vw;height:4vh;display:flex;flex-wrap:nowrap;font-family:GSL;font-size:1.13rem}
footer .left {text-align:left;text-indent:1.35rem;flex-grow:5}
footer .right {text-align:right;padding-right:1.35rem}
footer .left img {height:1.35rem}