body {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: rgba(1, 28, 38, 1.0);
}
#header {
	position: relative;
	z-index: 2;
	display: block;
	margin: 15% auto;
}
h1 {
	margin: 0;
	padding: 2%;
	color: rgba(255, 255, 255, 0.96);
	text-align: center;
	font-weight: 400;
	font-weight: 700;
	font-weight: 800;
	font-style: normal;
	font-size: 9vw;
	font-family: "Montserrat", "Raleway", "Cabin", "Sanchez", "Bitter", monospace;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	text-shadow: 2px 1px 1px #000;
}
#one,
#two,
#three,
#four {
	position: absolute;
	top: 0;
	height: 100%;
	animation-timing-function: linear;
}
#one,
#two {
	transform: skew(5deg);
}
#three,
#four {
	transform: skew(-5deg);
}
#one {
	position: absolute;
	animation-name: one_glide;
	animation-duration: 9s;
	animation-iteration-count: 13;
}
@keyframes one_glide {
 	0%, 100% {
		left: -90%;
		width: 80%;
		background: rgba(197, 197, 197, 0.3);
	}
	60% {
		left: 70%;
		width: 110%;
		background: rgba(88, 88, 88, 0.68);
	}
}
#two {
	position: absolute;
	animation-name: two_glide;
	animation-duration: 13s;
	animation-iteration-count: 9;
}
@keyframes two_glide {
 	0%, 100% {
		left: -78%;
		width: 77%;
		background: rgba(118, 118, 118, 0.5);
	}
	50% {
		left: 120%;
		width: 107%;
		background: rgba(140, 140, 140, 0.4);
	}
}
#three {
	position: absolute;
	animation-name: three_glide;
	animation-duration: 17s;
	animation-iteration-count: 7;
}
@keyframes three_glide {
 	0%, 100% {
		left: -180%;
		width: 170%;
		background: rgba(159, 159, 159, 0.6);
	}
	60% {
		left: 110%;
		width: 50%;
		background: rgba(166, 166, 166, 0.25);
	}
}
#four {
	animation-name: four_glide;
	animation-duration: 23s;
	animation-iteration-count: 5;
}
@keyframes four_glide {
 	0%, 100% {
		left: -54%;
		width: 44%;
		background: rgba(141, 141, 141, 0.37);
	}
	70% {
		left: 106%;
		width: 106%;
		background: rgba(100, 100, 100, 0.62);
	}
}
.wf-loading {
	visibility: hidden;
}