/* * {
	margin: 0;
	padding: 0;
} */


/* body {
  background-color: white;

  leave it to hide the scrollbars
  overflow: hidden;
} */


html,body {
    margin: 0;
    padding: 0;
    background: rgb(181, 182, 184);
    /* background: #2B434F; */
}
main {
    text-align: center;
    width: 100%;
}
canvas {
  display: block;
}
main {
    align-items: center;
    display: flex;
    height: 100svh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--svh, 1svh) * 100);
    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: auto;
}