@font-face {
	font-family: clash;
	src: url('cc.eot'); /* IE9 Compat Modes */
	src: url('cc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('cc.woff') format('woff'), /* Modern Browsers */
	url('cc.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('cc.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.background {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: url(background.jpg); 
	background-size: cover;
	z-index: 0;

	}
	
.body {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	
	}
	
.topspacer {
	position: relative;
	height: 50%;
	}

.poweredby {
	position: absolute;
	top:50px;
	right:60px;
	background: url(vg-logo.png);
	background-size: cover;
	width: 362px;
	height: 103px;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	background-color: #aaa;
}
	
.formback {
	font-family: 'clash', sans-serif;
	text-align: center;
	position: relative;
	width:420px;
	height:70px;
	background-color: #222;
	color: #0cc;
	margin-left: auto; 
	margin-right: auto;
	z-index:1;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
	padding: 10px;
	}
	
.clash {
	font-family: clash, Arial, Helvetica, sans-serif;
}

}