*, *:after, *:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.cf, .top-info, #intro .controls {
	*zoom: 1
}
.cf:before, .top-info:before, #intro .controls:before, .cf:after, .top-info:after, #intro .controls:after {
	content: " ";
	display: table
}
.cf:after, .top-info:after, #intro .controls:after {
	clear: both
}
body {
	background-color: #000;
	background-size: cover;
	background-position: center;
	font-family: "Arial";
	margin: 0;
	padding: 0;
	padding-top:20px;
}
#cont {
	position: relative;
	display: block;
	margin: 0 auto;
	/*width: 900px;
	box-shadow: 0 0 100px 0 rgba(0,0,0,0.7)*/
}
#game_screen {
	z-index: 1
}
.top-info {
	padding-bottom: 10px
}
.top-info * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
#lives {
	float: left;
	height: 40px;
	padding-right: 40px
}
#lives img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px
}
.info-level, #mute, .github {
	padding-left: 25px;
	float: right;
	position: relative;
	top: 4px;
	font-size: 26px;
	font-weight: bold;
	color: #f7f7f7
}
#info_level {
	display: inline
}
#mute {
	float: right;
	cursor: pointer
}
.github {
	display: block;
	float: right;
	text-decoration: none
}
.stretch, #game_over, #levelup, #loading, #intro, #game_over .bg, #levelup .bg, #loading .bg, #intro .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#game_over, #levelup, #loading {
	overflow: hidden
}
#game_over:after, #levelup:after, #loading:after {
	content: "";
	height: 100%;
	width: 0;
	vertical-align: middle;
	display: inline-block
}
#game_over, #levelup, #loading, #intro {
	z-index: 2;
	font-weight: bold;
	text-align: center;
	padding-top: 50px;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.35s ease 0s;
	-moz-transition: all 0.35s ease 0s;
	-o-transition: all 0.35s ease 0s;
	-ms-transition: all 0.35s ease 0s;
	transition: all 0.35s ease 0s
}
#game_over.active, #levelup.active, #loading.active, #intro.active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
#game_over .title, #levelup .title, #loading .title, #intro .title {
	font-size: 120px
}
@media screen and (max-height: 650px) {
	#game_over .title, #levelup .title, #loading .title, #intro .title {
		font-size: 100px
	}
}
@media screen and (max-height: 550px) {
	#game_over .title, #levelup .title, #loading .title, #intro .title {
		font-size: 70px
	}
}
#game_over .bg, #levelup .bg, #loading .bg, #intro .bg {
	z-index: -1;
	background: rgba(0,0,0,0.25)
}
#intro {
	color: #fff;
	font-size: 20px;
	font-weight: normal
}
#intro .controls {
	display: inline-block;
	position: relative;
	right: 12px;
	width: 551px;
	padding-top: 100px;
	text-align: left;
	opacity: 0.75
}
#intro img {
	width: 100%
}
#intro .space, #intro .arrows {
	float: left;
	position: relative;
	padding-top: 30px
}
#intro .space {
	width: 60%;
	left: 75px
}
#intro .arrows {
	width: 40%;
	left: 63px
}
#intro .start {
	display: inline-block;
	padding-top: 100px;
	font-size: 58px;
	color: #3498db;
	font-weight: bold
}
@media screen and (max-height: 550px) {
	#intro .start {
		font-size: 36px;
		padding-top: 20px
	}
}
#loading .title {
	color: #3498db;
	display: inline-block
}
#levelup .title {
	color: #3498db;
	display: inline-block
}
#levelup #ingame_level {
	display: inline
}
#game_over .center {
	position: relative;
	top: 50px;
	display: inline-block
}
#game_over .title {
	color: #e74c3c;
	padding-bottom: 20px
}
#game_over .continue {
	font-size: 32px;
	color: #3498db
}