@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
@import url(http://fonts.googleapis.com/css?family=Orbitron:700);

html {
    height: 100%;
    margin: 0;
}

body {
background:url(img/bg.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
margin:0px;
}
.cover {
  position: fixed;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  top: 0;
  left: 0;
  z-index:1;
  background:rgba(0, 0, 0, 0.65);  
}
.top {
	padding-top:10px;
	height:40px;
	background:rgba(0, 0, 0, 0.5);
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:2;
	box-shadow:0 1px 3px #8B8B8B;
}
.top .logo {
	width:60px;
	height:60px;
	display:block;
	margin-left:10%;
	border-radius:4px;
	position:absolute;
	bottom:-30px;
	z-index:2;	
}
.top .logo img {
	border-radius:4px;
}
.top .title {
	font-size:24px;
	text-shadow: 01px 1px #545454;
	font-family: 'Orbitron', sans-serif;
	color:#fff;
	margin-left:18%;
	z-index:3;
}

.info {
	width:40%;
	padding:10px;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	margin:0px auto;
	z-index:3;
	position:relative;
	position:fixed;
	top:35%;
	left:50%;
	transform: translateX(-50%) translateY(-35%);
}
.boxes {
	width:300px;
	top: 50%;
	left:50%;
	background: rgba(117,186,255, 0.45);
	padding:20px;
	border-radius:6px;
	border:1px solid #2C2C2C;
	z-index:3;
	position:fixed;
	text-align:center;
	transform: translateX(-50%) translateY(-50%);
}

.boxes a {
	color:#fff;
	font-size:16px;
	text-decoration:none;
}
.boxes a:hover {
	text-decoration:underline;
}