* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
}

html, body {
  max-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
}

#canvas{
  width: 100vw;
  height: calc( 100 * var(--vh));
}

#controller {
  position: absolute;
  top: 70%;
  right: 3em;
  font-size: 3em;
}

.flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.vert {
  flex-direction: column;
}

.controll {
  background-color: blue;
  border-radius: 1em;
  padding: 0.2em;
}

form {
  position: absolute;
  bottom: 1em;
  left: 1em;
}

.playerpos {
  position: absolute;
  top: 1em;
  left: 1em;
  font-weight: bold;
}

.toggleTiles {
  position: absolute;
  top: 4em;
  left: 1em;
}

/*# sourceMappingURL=style.css.map */