html,
body {
  margin: 0;
  padding: 0;
  background: #000;
  background-color: #222;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  
  &::-webkit-scrollbar {
    display: none;
  } 
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.viewport {
  width: min(100vw, 100vh);
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;

  /* Hide scrollbar for Chrome, Safari and Opera */
  &::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

canvas {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: auto;
}