/*
html, body {
    
    background-color: #242424;   
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh; 
    overflow: hidden;
    touch-action: none;
    line-height: 0;
   
    justify-content: center; 
    align-items: center;  
     display: flex;
   
}
*/
/*
#defaultCanvas0{
     background: transparent; 
}
*/




/** Thanks @jsliang for the CSS snippet to keep the canvas centered **/
html {margin: 0; padding: 0;}
body {
  margin: 0;
  padding: 0;
  background-color: #242424; 
  /* leave it to hide the scrollbars */
  overflow: hidden;
}

#defaultCanvas0 {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  line-height: 0;
}