/* make your header centered and a little smaller */
h1 {
  text-align: center;
  font-size: 2rem;   /* down from maybe 2.5rem or browser default */
  margin-bottom: 1.5rem;
}

/* ensure your card/box is centered too */
#content,
#doneMessage {
  margin: 1rem auto;  /* top/bottom, but horizontal auto */
}




button {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

#transcript {
  font-style: italic;
  margin-top: 0.5rem;
}