canvas {
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
}

#grid{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;

    opacity: 1;
    transition: opacity 0.5s;

    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

#grid.hidden{
    opacity: 0;
    transition: opacity 0.5s;
}