div.App {
  max-height: 100vh;
  max-width: 100vw;
  line-height: 1.25em;
  padding: 1em;

  h1 {
    font-size: 2em;
    padding: 1em 0;
  }

  h3 {
    font-size: 1.25em;
    padding: 0.5em 0;
  }

  h5 {
    font-size: 1.1em;
    padding: 0.1em 0;
    font-weight: 800;
  }

  div.PhonoChangeApplier {
    display: grid;
    width: 100%;
    place-items: center center;
    grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
    grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));
    
    div {
      max-width: 100%;
      max-height: 85vh;
      margin: 1em;
      overflow-y: scroll;
    }
  }
}