.navigation {
  margin: 0;
  margin-bottom: 1em;

  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-flow: row wrap-reverse;
  gap: 2em;
}

.navigation__section {
  flex-shrink: 0;
  flex-grow: 1;

  display: flex;
  align-items: baseline;
  justify-content: start;
  gap: 0.5em;
}
.navigation__section:last-of-type {
  justify-content: end;
}

.navigation__user {
  font-weight: bold;
}