body {
  align-items: center;
  display: flex;
  font-family: sans-serif;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  justify-content: center;
}
body,html {
  margin: 0;
  padding: 0;
  background-color: #ECE3DD;  
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  overflow: hidden;
}
canvas { 
 margin-top:0px;
 
 display:block;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
  touch-action: none;
}