body {
  /* Some styles from Nucleus UI. */
  background-color: white;
  color: rgba(0, 0, 0, 0.870588);
  font-family: 'Open Sans', sans-serif;
  height: 100vh;
  margin: 0;

  /* Columns with even heights. */
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  text-align: center;
}

.main-controls {
  float: left;
}

main select {
  max-width: 8em;
}

main input[type='number'] {
  max-width: 4em;
}

.zoom-controls {
  float: right;
}

#biomatters-sequence-viewer {
  flex: 3;
  background: white;
  color: black;

  /* Browsers won't resize children without this if parent is sized using flex; @see SV-276 */
  display: flex;
  flex-direction: column;
}