header-wrapper {
  display: block;
  background: linear-gradient(to bottom right, var(--header-bg-color-1), var(--header-bg-color-2));
  padding-top: calc(var(--common-space) / 2);
  padding-bottom: calc(var(--common-space) / 2);
 
}

header {
  width: var(--common-width);
  margin: 0 auto;
  display: flex;
  align-items: end;
  padding-left:  calc(var(--common-space) / 2);
  padding-right:  calc(var(--common-space) / 2);
}

header > a {
  display: inline-block;
}

header > a > img {
  width: var(--logo-width);
  margin-right: var(--common-space);
}

nav {
}

nav a {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  color: #fff;

}

nav-main {
  display: flex;
  flex-wrap: wrap;
}

nav-main a {
  font-size: 1.2em;
  margin-right: calc(var(--common-space) / 2);
}

nav-tags {
  display: flex;
  flex-wrap: wrap;
}

nav-tags a {
  margin-right: calc(var(--common-space) / 3);
  margin-top: calc(var(--common-space) / 4);

}

hash-tag {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  vertical-align: baseline;
  transform: translateY(0.05em);
  margin-right: -0.2em;
}