html, body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
}

#canvas0 {
  width: 100%;
  height: 100%;
  touch-action: none;
}

#searchPane {
  display: block;
  max-height: 90%;
  padding: 1em;
  position: fixed; /* Stay in place */
  left: 1em;
  top: 1em;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.7); /* Black w/opacity */
  color: white;
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y: scroll; /* Disable horizontal scroll */
  z-index: 1; /* Sit on top */
}

#searchQuery {
  font: normal 2em sans;
}

#searchButton {
  margin-left: .5em;
  font: normal 2em sans;
}

#guide {
  color: #ffbf00;
  margin-top: .5em;
  font: normal 2em sans;
  max-width: 18em;
  text-align: justify;
}

#searchResults ul {
  list-style-type: none;
}

#searchResults a {
  color: #ffbf00;
  font: normal 2em sans;
}

/* When you mouse over the navigation links, change their color */
#searchResults a:hover, a:focus {
  color: #f1f1f1;
}

#debugPane {
  display: none;
  font: normal 2em sans;
  padding: 16px;
  color: white;
  height: 60%;
  width: 90%;
  position: fixed; /* Stay in place */
  left: 5%;
  bottom: 32px;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  z-index: 1; /* Sit on top */
}