html,
    body,
    main {
      height: 100%;
      width: 100%;
      margin: 0;
     background: #e6d8b1;
      overflow: hidden;
    }
    
    main {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    canvas {
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 100%;
     
    }  canvas { max-width: 100%; max-height: 100%; margin: auto; overflow: auto; position: fixed; object-fit: contain; top: 0; bottom: 0; left: 0; right: 0; }