body {
    margin: 0;
    padding: 0;
    transition: 1s;
}

#gameWindow {
    text-align: center;
}

#gameWindow canvas {
    margin-top: 5vh;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
    display: inline;
    /*reserve the night mode border so the canvas doesn't shift when switching*/
    border: 1px solid transparent;
    /*shrink to fit small windows (p5 maps the mouse back to canvas coords)*/
    width: min(800px, calc(100vw - 32px), calc((100vh - 110px) * 4 / 3)) !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    /*dragging shapes on touch screens shouldn't scroll the page*/
    touch-action: none;
}

/*on narrow windows, drop the canvas below the GitHub corner so it can't cover the >> button*/
@media (max-width: 980px) {
    #gameWindow canvas {
        margin-top: 84px;
    }
}

/*Night mode theming*/
.night {
    background-color: black;
    color: white;
}
/*styling doesn't override day mode*/
.night #gameWindow canvas {
    border: 1px solid #39EDFF;
}
.github-corner {
    fill:#000; 
    color:#fff;
    transition: 1s;
}

body.night a.github-corner {
    fill:#fff; 
    color:#000;
}