html, body {
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: rgb(200,200,200);
  position: relative;
}
canvas {
  display: block;
  transform: scale(.8);
}

#controlwrapper {
  height: 50px;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 9999;
}

input[type="color" i] {
  border: 1px solid black;
  padding: 0;
  block-size: 19px;
}