:root {
    --ttime: 0.5s;

    --aspect: calc(1);
    --tall: calc(min(100vw / var(--aspect), 100vh));
    --wide: calc(var(--tall) * var(--aspect));
}

body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #444444;
}

#app {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

canvas {
    image-rendering: pixelated;
    width: var(--wide);
    height: var(--tall);
}