html,
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow-x:;
}

body {
  display: block;
  flex-direction: row;
}
main {
  display: flex;
  flex: 1 1 auto;
  max-height: 100%;
  max-width: 100%;
/*   border: 1px solid blue; */
/*   width: 80vw; */
}

canvas {
/*   width: 98%; */
/*   max-height: 100%; */
  flex: 1 1 auto;
  background-color: black;
  object-fit:scale-down;
  object-position:top center;
/*   max-width: 98%; */
  margin: 0 auto;
  max-width: 98%;
  
/*   max-width: 100%; */
}