body {
	position: absolute !important;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.codrops-header {
	margin: 0 auto;
	padding: 0 2%;
	text-align: center;
	color: #fff;
	height: 30%;
	position: relative;
	background: rgba(255, 255, 255, 0.1);
}

.codrops-header h1 {
	margin: 0;
	font-weight: 400;
	font-size: 2.5em;
	font-family: 'arialblack';
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;

	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.codrops-header h1 span {
	display: block;
	padding: 0 0 0.6em 0.1em;
	font-size: 0.6em;
	opacity: 0.7;
}

#login-div2 {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 5%;

	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.heading {
	text-align: center;
}

input,
.next::after,
.error-message {
	color: #fff !important;
}

.progress {
	background: #fff !important;
}