body, html {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevents scrolling. */
    background-color: black;
    font-family: 'Nasalization', sans-serif;
}

#canvas-container {
	box-sizing: border-box; /* Include padding and border in the element's total width and height. */
    width: 100vw;
    height: 100vh;
    background-color: #000;
    display: block; /* Ensures there's no extra space around the container. */
}

canvas {
    width: 100%;
    height: 100%;
    /* Removed the border and outline from here because they're now on the container. */
    display: block; /* This prevents extra space below the canvas in the document flow. */
}

#canvas-container:focus, 
#canvas-container:focus-within, 
canvas:focus {
  outline: none; /* Ensures no outline on focus. */
}