body, html {
  font: normal 36px Droid;
  margin: 0;
  padding: 0;
}

body {
  background: black;
}

#controls {
  background: black;
  font-size: 24px;
  left: 0;
  padding: 3px 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%;
  z-index: 2;
}

#controls button {
  background: none;
  border: none;
  color: white;
  font: normal 24px Droid;
  margin-right: 3px; 
}

#controls button:focus {
  outline: 4px auto -webkit-focus-ring-color !important
}

#wrapper {
  margin: 30px 0 auto;
  position: absolute;
  top: 0;
}

#gameCanvas {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
} 

#textwrapper {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100vw;
}

#text {
  background: white;
  display: none;
  padding: 20px;
  text-align: center;
}

input {
  border:none;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

#command {
  background: white;
  border: 1% solid black;
  bottom: 40px;
  display: none;
  font: normal 36px Droid;
  left: 50%;
  margin-left: -47%;
  padding: 2%;
  position: absolute;
  width: 90%;
}