[role='banner'] {
  background: $black;
  margin-bottom: 1em;
  padding: 0.5em 0;

  .container {
    display: flex;
  }

  h1 {
    flex: 0;
  }

  a {
    color: $white;
    text-decoration: none;

    &:hover {
      color: $link-color;
    }
  }

  .user-nav {
    flex: 1;
    text-align: right;
  }
}