html{
  width: 100%;
  height: 100%;
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
}

.tiles{
  display: none;
}

.settings{
  position: fixed;
  display: block;
  box-sizing: border-box;
  float: right;
  z-index: 1
}

.settingForm{
}

.settingText{
  width: 2em;
}

.canvasDiv{
  display: inline-block;
	position: absolute;

  width: 100%;
  height: 100%;
}

canvas{
  background : #F0F8F0;
  outline: 2px solid #888888;
  box-shadow: -10px 10px 5px #888888;
  display: block;

  margin-top: 1%;

  margin-left:auto;
  margin-right: auto;

  image-rendering: optimizeSpeed;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}