.menu--main .menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.menu--main .menu-item {
  margin-right: 1rem;
  padding: 0;
}
.menu--main .menu-item:last-child {
  margin: 0;
}
.menu--main a {
  color: var(--text-color);
}
.menu--main a:hover,
.menu--main a:active {
  border-bottom: 1px solid var(--text-color);
  padding-bottom: 0.25rem;
}
.menu--main .menu a.is-active {
  color: inherit;
  font-weight: bold;
  border-bottom: 0.125rem solid var(--text-color);
  padding-bottom: 0.25rem;
}