*, :after, :before {
    box-sizing: border-box;
    text-rendering: geometricPrecision;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: NeueHaasUni-Light, helvetica neue, helvetica, sans-serif;
    font-weight: 400;
    color: rgb(225,225,225);
}
::selection{
	background: transparent;
}
html {
	background: #0d0d0d;
	overflow: hidden;
}
body {
	width: 100vw;
	height: 100vh;
	margin: 0;
}
.font-m {
	font-size: 21px;
}
.font-xl {
	font-size: 10vw;
}
.red {
	color: rgb(255,50,0);
}

.link,
.link:active,
.link:visited {
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}
.link span {
	color: inherit;
	white-space: nowrap;
}

.header {
	position: absolute;
	top: 3%;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 36px;
	margin: 0 auto;
}

.countdown {
	position: absolute;
	bottom: calc(50% + 36px/2);
	left: 50%;
	width: 100%;
	margin: 0;
	transform: translate(-50%, 50%) scale(0.9);
	-webkit-transform: translate(-50%, 50%) scale(0.9);
	text-align: center;
	line-height: 1;
	opacity: 0;
	transition: all 2.5s 1.25s ease-out;
	-webkit-transition: all 2.5s 1.25s ease-out;
}
.countdown .timer {
	margin: 0;
	text-indent: -.1em;
	text-align: center;
	font-size: 8vw;
	/*filter: blur(1vw);
	-webkit-filter: blur(1vw);
	transition: all 2.5s 1.25s ease-in-out;
	-webkit-transition: all 2.5s 1.25s ease-in-out;*/
}

.countdown .heading {
	width: 100%;
	text-align: center;
	margin: 0;
}


.sub {
	position: absolute;
	bottom: 3%;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 0 1em;
}