html,
body {
    padding: 0;
    margin: 0;
    background-image: url("../img/GreenBackgroudn.gif");
    background-color: #00B841;
    background-attachment: local;
    background-repeat: repeat-x;
    position: inherit;
/*Comment: rgb(0, 186, 255) is a nice colour*/
/*Comment: Spacing and background image*/
}

canvas {
    display: contents;
/*Comment: States that it is a block element rather than an inline element*/
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
/*Comment: Centralizes the canvas*/
    border: 1px solid #212121;
/*Comment: Shows the canvas border*/
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
/*Comment: Default browser settings^^^*/
}

#bg-canvas {
    z-index: 5;
}
/*Comment: Has a value of 0, meaning it is on the axis*/

#fg-canvas {
    z-index: 6;
}
/*Comment: Has a value of 1, meaning it is in front of the background canvas*/

#lvl2-canvas {
    display: none;
    z-index: 3;
}

#lvl2fg-canvas {
    display: none;
    z-index: 4;
}

#lvl3-canvas {
    display: none;
    z-index: 1;
}

#lvl3fg-canvas {
    display: none;
    z-index;
}

#tExT-canvas {
    z-index: 10;
}

#character-canvas {
    z-index: 15;
}

#winScreen-canvas {
    z-index: 100;
    display: none;
}

@font-face {
    font-family: "PixelEmulator";
    src: url("../font/Pixel-Calculon.otf");
/*Comment: Font source^^^*/
}