html { 
  background: url(../images/background.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	margin:0;
	color:#fff;
}

.nav-panel {
	background-color:#006f53;
	width:400px;
	height:100%;
	opacity:0.8;
}

.nav-top {
	height:50%;
	position:relative;
}

.nav-bottom {
	position:relative;
	width:100%;
	height:50%;
	font-family:'Roboto Condensed', sans-serif;
	font-size:24px;
	text-align:center;
}

.logo {
	position:absolute;
	width:80px;
	height:100px;
	left:160px;
	bottom:40px;
}

.spacer-panel {
	position:relative;
	float:left;
	width:100%;
	padding:20px 0;
}

.enter-button {
	position:absolute;
	left:105px;	/* (nav-panel - (enter-button + padding))/2 */
	top:20px;
	width:180px;
	border:5px solid #fff;
	text-align:center;
	vertical-align:middle;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:24px;
	padding:10px 0;
}

a {
	color:#fff;
}