html {
  width:100%;
}
body {
  background:black;
  color:white;
}
div {
  border:1px solid lime;
}
ul {
  margin:0px;
  padding:0px;
  list-style:none;
  display: block;
}
label {
  display:inline-block;
  width:60px;
}
h2 {
  margin:0px;
  padding:0px;
  display:inline-block;
}
#displayMenu {
  width:30px;
  height:30px;
  border: 5px outset white;
  background-color: grey;
}
#homeMenu, #mapMenu, #encounterMenu, #battleMenu, #lootMenu, #characterMenu, #monsterMenu {
  display:none;
}
#mapDiv, #encounterDiv, #inputDiv, #initiative, #map, #enemies, #lootDiv, #characterDiv, #monsterDiv {
  display:none;
}
#mapDiv1 {
  width:100%;
  height:100px;
  border: 1px solid blue;
}
#mapDiv1 div{
  width: 30%;
  height: 48px;
  border: 1px solid red;
  float: left;
}
#buttons {
  width:100px;
}
#map {
  width: 300px;
  height: 300px;
  margin: 0px auto;
}
#e1 {
  float:left;
}
#text {
  width:30px;
}