#canvas {
  /* border: 1px solid black; */
}

#controls {
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: left;
}

#tmp {
  font-family: "Handel Gothic", sans-serif;
}

#tmp2 {
  font-family: "Serpentine", sans-serif;
}

@font-face {
  font-family: Handel Gothic;
  src: url(handel-gothic.ttf);
}

@font-face {
  font-family: Serpentine;
  src: url(serpentine.otf);
}