@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

:root {
    --border-color: white;
    --dialog-background: black;
    --menu-background: black;
    --menu-border-color: white;
    --menu-font-color: white;
    --menu-selected-background: grey;
}

* {
    box-sizing: border-box;
}

body {
    background: black;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.game-wrapper {
    /* position: relative; */
    width: 369px;
    height: 334px;
    margin: 0 auto;
    outline: 1px solid gray;
    /* add media queries and scale differently */
    transform: scale(2) translateY(30%);
}

.game-wrapper canvas {
    image-rendering: pixelated;
}

.controls {
    color: var(--menu-font-color);
    font-family: 'Press Start 2P';
    font-size: 6px;
    margin: 0;
}