body {
  padding: 1em;
  font-family: sans-serif;
  background: #ffefef;
}

h1 {
  font-weight: lighter;
}

h2 {
  color: orange;
  font-size: 1.2em;
}

h3 {
  color: orangered;
  font-size: 1em;
  border-bottom: 2px solid orangered;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex>* {
    xflex-grow: 1;
    flex-basis: 0;
}

.flex .canvas-wrapper {
  margin: 1em;
  flex-grow: auto;
}

.flex .infobox {
  flex-grow: 1;
}