@charset "utf-8";

/*
Styles for
Maze Maker
*/
html {
    overscroll-behavior: none;
}

body {
    margin: 0%;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    overscroll-behavior: none;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
}

/* canvas */

div#DisplayContainer {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #eeeeee;
    background-image:
        linear-gradient(45deg, #aaaaaa 25%, transparent 25%),
        linear-gradient(-45deg, #aaaaaa 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #aaaaaa 75%),
        linear-gradient(-45deg, transparent 75%, #aaaaaa 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
}

div#DisplayContainer canvas {
    display: block;
    margin: auto;
    image-rendering: pixelated;
}

div#DisplayContainer canvas#Layer1 {
    display: none;
    margin: 0%;
}