html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    background-color: #010101;
    cursor: url('assets/image/cursor.png') 4 4, auto;
}

.p5Canvas, body > canvas {
    margin: auto;
    position: absolute;
    top:0;bottom:0;
    left:0;right:0;

    --w: 224;
    --h: 288;
    --s: 98;
}

@media (min-aspect-ratio: 224/288) {
    .p5Canvas, body > canvas {
        height: calc(1vh * var(--s)) !important;
        width: calc(1vh * var(--s) * (var(--w)/var(--h))) !important;
    }
}
@media (max-aspect-ratio: 224/288) {
    .p5Canvas, body > canvas {
        width: calc(1vw * var(--s)) !important;
        height: calc(1vw * var(--s) * (var(--h)/var(--w))) !important;
    }
}

.p5Canvas {
    opacity: 0;
}