#flex-container {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}

header {
  margin-bottom: 1rem;
}

main {
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: flex-start;
  margin-left: 1rem;
  margin-right: 1rem;
  max-width: calc(100% - 2rem);
  order: 1;
}

nav {
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: 1rem;
  margin-right: 1rem;
  order: 2;
}

img {
  height: auto;
  max-width: 800px;
}

img.graph {
  max-width: 512px;
}