body {
  background-color: #eee8d5;
  text-align: center;
  font-family: sans-serif;
}

#gameArea {
  position: relative;
  width: 800px;
  height: 600px;
  background-color: #cfc19f;
  margin: 0 auto;
  border: 3px solid #333;
  overflow: hidden;
}

.character {
  position: absolute;
  width: 86px;
  height: 69px;
  background-size: cover;
}

.enemy {
  width: 75px;
  height: 90px;
}

.health-bar, .attack-bar {
  position: absolute;
  height: 5px;
  border: 1px solid #333;
  background-color: #ccc;
  top: -10px;
  left: 0;
  width: 48px;
}

.health-fill {
  height: 100%;
  background-color: green;
}

.attack-bar {
  top: -20px;
  background-color: #999;
}

.attack-fill {
  height: 100%;
  background-color: orange;
  width: 0%;
}