html,body {

    margin: 0;

    padding: 0;


}

main {

    text-align: center;

    width: 100%;

}

canvas {

  display: block;

}

main {

  align-items: center;

  display: flex;

  height: 100vh; /* Fallback for browsers that do not support Custom Properties */

  justify-content: center;

}

main canvas { 

  height: auto !important;

  width: auto !important;

  max-width: 100%;

  max-height: 100%;

  display: inline-block; /* Instead of display: block; */

  margin: 0 auto;

  vertical-align: middle;

  touch-action: none;

}