html {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
html,
body {
    background: #e3e3e3;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    position: relative;
    width: 100%;
    height: 100%;
}


canvas {
    touch-action-delay: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated;
    border: 1px solid black;
    position: relative;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}