.main-nav {
  background: var(--color-primary);
  padding: 0 0.625rem;
}

.main-nav__item {
  color: var(--color-white);
  display: block;
  font-weight: bold;
  padding: 0.625rem;
  text-decoration: none;
}
.main-nav__item:hover {
  background: var(--color-primary-dark);
  color: var(--color-white);
}