main > * {
  margin-bottom: 12px;
}

h1 {
  text-align: center;
}
button:hover {
  background-color: brown;
  color: white;
  border-radius: 4px;
}

#previewer {
  max-width: min(500px, 90vw);
  margin: auto;
}

#previewer canvas {
  border: 1px solid black;
  direction: ltr;
  background-color: white;
  max-width: min(500px, 90vw);
  max-height: 90vh;
}

#previewer nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}