* {box-sizing: border-box;margin:0;padding:0}
html, body {
  width: 100%;
  height: 100%;
  font-family: "Droid Sans Mono", monospace, sans-serif;
  background: #111;
  color: #eee;
  font-size: 18px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  touch-action: none;
}

html.help, body.help {
  overflow: auto;
  position: static;
  touch-action: auto;
}

#C {
  background: black;
  max-width:100%;
  touch-action: none;
}

header {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 2rem;
}

#ifile {display: none}
#loadbtn {
  display: inline-block;
  background: #222;
  color: #eee;
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 1px 2px;
  cursor: pointer;
  font-size: 14px;
  vertical-align: middle;
}

a, a:hover, a:visited {color: #eee}
h1 {font-size: 1.3rem; padding: 0.5rem 0; display: inline-block;}
h2 {font-size: 1.1rem; padding: 0.5rem 0}
main.help {
  padding: 1em 0;
  display: inline-block;
  text-align: left;
  max-width: 800px
}

footer {font-size: 1rem}