html {
  min-height: 100%;
}
body {
  margin: 6px;
  touch-action: pan-x pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.layers {
  position: relative;
}
#gridLayer {
  background-color: #000000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
#canvas {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
#canvas[data-pen-tip="pen"] {
  cursor: url('pencil.cur') 0 0, default;
}
#canvas[data-pen-tip="eraser"] {
  cursor: url('pencil-erase.cur') 0 0, default;
}