html {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

body {
  background-color: '#fcf6f0';
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: 0;
  overflow: hidden;
}

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