html,body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
}
main {
    text-align: center;
    width: 100%;
}
canvas {
    display: block;
}
main {
    display: flex;
    height: 100svh;  
    /*Fallback for browsers that do not support Custom Properties */
    height: calc(var(--svh, 1svh) * 100);
    align-items: center;
    justify-content: center;
}
main canvas { 
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
    display: inline-block; 
    margin: 0 auto;
    vertical-align: middle;
    touch-action: none;
}