body {
  background-color: #222;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

canvas {
  cursor: default;
  width: 100%;
  height: 100%;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  outline: none;
  margin: 0;
}

p {
  color: #fff;
}

button {
  image-rendering: crisp-edges;
  color: #fff;
  font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
  font-size: 24px;
  background: url("ui_button.bf9a4d43.png") 0 0 / 300px 60px no-repeat !important;
  border: none !important;
  width: 300px !important;
  height: 60px !important;
}

button:hover {
  image-rendering: crisp-edges;
  color: #fff;
  font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
  font-size: 24px;
  background: url("ui_button_hovered.ee86fe35.png") 0 0 / 300px 60px no-repeat !important;
  border: none !important;
  width: 300px !important;
  height: 60px !important;
}

input[type="button"] {
  font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;
}

#loading_element {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-size: 42px;
  display: flex;
}
/*# sourceMappingURL=client.1303bb05.css.map */