@font-face {
    font-family: 'Astro3x';
    src: url('Assets/Fonts/Astro3x8pt.ttf') format('truetype');
}

@font-face {
    font-family: 'Astro4x';
    src: url('Assets/Fonts/Astro4x8pt.ttf') format('truetype');
}

@font-face {
    font-family: 'Astro5x';
    src: url('Assets/Fonts/Astro5x8pt.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

canvas {
    display: block;
    width: 100vw;
    height: 100vh;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    cursor: default;
}

body.playing canvas {
    cursor: crosshair;
}