.header-items {
  align-items: center;
  flex-flow: column;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-item {
  box-sizing: border-box;
  display: block;
  margin: 0.6em 0;
  width: 100%;
}

.header-item a {
  color: var(--color-text);
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  width: 100%;
}

.header-item a:hover,
.header-item a:active,
.header-item a.active {
  color: var(--color-text);
}