body {
  margin:0;
  height:100vh;

  display:flex;
  justify-content:center;
  align-items:center;

  background:#f4f4f2;
}

/* body {
  margin: 0;
  height: 100vh;
  background: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
} */


#artwork-container {
  display:flex;
  flex-direction:column;
  align-items:center;
}


canvas {
  display:block;
  border: 1px solid #d5d5d5; /* thin hairline, not a bold outline */
  cursor: none; /* kills the pointer if this is running as a display */
}


#labels {
  width:800px;

  display:flex;
  justify-content:space-between;

  margin-top:18px;

  font-family:"IBM Plex Mono", monospace;
  font-size:11px;
  font-weight:200;
  letter-spacing:0.08em;
}


#label-left {
  text-align:left;
}

#label-right {
  text-align:right;
}


.artist-name {
  text-transform: capitalize;
}


.artist-title {
  text-transform: none;
}