canvas {
  position: absolute;

  display: block;
  margin: auto;
  min-height: 100%;
  max-height: 100%;
  top: 0%;
  width: auto;
  height: auto;
  background-image: url("images/field.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  /*don't interpolate*/
  image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

body {
  margin: 0;
  background-color: #e19b4e;
}

div {
  width: 20%;
  height: 10%;

  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: auto;
}

button {
  width = 100%;
  height = 100%;
  background-color: #333;
  color: #FFF;
}