/*
html,
body {
    margin: 0;
    padding: 0;

}
canvas {
    margin: auto;
    padding: 0;
    display: block;

    width: 100vw;
    height: 100vh;

}
*/

html,
body {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

canvas {
    --w: min(100vh, 100vw);
    margin: auto;
    height: var(--w) !important;
    width: 0.8* var(--w) !important;

}