body {
	background: #222;

	margin: 0;
    padding: 0;
    overflow: hidden;
}

#main {
	position: fixed;
	
	width: 450px;
	height: 700px;

	top:50%;
    left:50%;
    margin-left:-225px;
    margin-top:-350px;
}

.hud {
	position: relative;
}

.hudText {
	color: #ffffff;
	font-family: 'Russo One', sans-serif;
	font-size: 0.8em;
}

#lives {
	position: absolute;
	top: 10px;
	left: 10px;
}

#next-shot-level {
	position: absolute;
	top: 40px;
	left: 10px;
}

#level {
	position: absolute;
	text-align: center;
	top: 10px;
	width: 100%;
	display: none;
}

.hp { 
	position: absolute;
	top: 25px;
	left: 10px;
	height: 7px;
	background: #555;

	width: 150px;

	border: 2px solid #fff;
}

.hp > span {
	display: block;
    height: calc(100% + 1px);
    background: #2BC253;
    position: relative;
    overflow: hidden;

    position: absolute;
    top: -1;
}

.shot-xp {
	position: absolute;
	top: 55px;
	left: 10px;
	height: 7px;
	background: #555;

	width: 150px;

	border: 2px solid #fff;
}

.shot-xp > span {
	display: block;
    height: calc(100% + 1px);
    width: 0%;
    background: #c2532b;
    position: relative;
    overflow: hidden;
}

#weapon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 100%;
	text-align: right;
}

#secondaryWeapon {
	position: absolute;
	top: 32px;
	right: 10px;
	width: 100%;
	text-align: right;
}

#speed {
	position: absolute;
	top: 54px;
	right: 10px;
	width: 100%;
	text-align: right;
}

#rockets {
	position: absolute;
	left: 10px;
	bottom: 10px;
	
	color: transparent;
  	text-shadow: 0 0 0 white;
}


#game {
	background: #000000;
	padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}

h1 {
	text-align: center;
	font-family: 'Russo One', sans-serif;
}

@font-face {
	font-family: 'Russo One', sans-serif;
}

div.loader {
	font-family: 'Russo One', sans-serif;
	font-size: xxx-large;
	background: black;
	color: white;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}