main {
  height: 100%;
  width: 100%;
  margin: 0;
 background: #ffffff;
  overflow: hidden;
}

main {
  display: flex;
  align-items: center;
  justify-content: center;
}

canvas {
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
 
}  canvas { max-width: 100%; max-height: 100%; margin: auto; overflow: auto; position: fixed; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0; }