body {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0;
}

/* Main Containers */
.outer-container {
  position: absolute;
  height: 600px;
  width: 500px;
  background: #eee;
  border: 3px solid #FF9475;
}

.game-window {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #222;
  border-right: 3px solid #FF9475;
  float: left;
}

.status-window {
  height: 100%;
  width: 197px;
  background: hsl(27, 100%, 90%);
  float: right;
}

#settingsPanel {
  text-align: right;
}

#welcomeMessage, #gameOverScreen {
  position: absolute;
  top: 0;
  margin-top: 5%;
  height: 50%;
  width: 300px;
  text-align: center;
  color: white;
  background-color: transparent;
  z-index: 3;
}

#gamePaused {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 4;
  text-align: center;
  color: white;
  background-color: #222;
}

#livesPanel {
  position: absolute;
  right: 15;
  top: 10;
  width: 15px;
  background-color: transparent;
}

/* Game Objects */
.ship {
  top: 530px;
  left: 122px;
  position: relative;
  display: inline-block;
  z-index: 2;
}

.ship-avatar {
	position: relative;
	top: 0;
	left: 0;
}

.shieldOnShip, .shipExplosion {
	position: absolute;
	top: 0;
	left: 0;
}

.rocket {
  position: absolute;
}
.rocket img {
  height: 40px;
}

.asteroid {
  position: absolute;
}

.shield {
  position: absolute;
}

.backgroundStar {
  width: 2px;
  height: 2px;
  background-color: white;
  position: absolute;
}