nav.top ul,
nav.bottom ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  text-transform: uppercase;
  justify-content: space-between;
  font-size: var(--px22);
  align-items: center;
  width: 100%;
  height: 100%;
}
nav.top li {
  width: max-content;
  display: flex;
  white-space: nowrap;
  justify-content: center;
}
.desktop nav.top li {
  width: 10rem;
}
nav.bottom ul {
  justify-content: center;
  gap: var(--px40);
}
nav.top ul a {
  color: var(--gray);
  white-space: nowrap;
}
.desktop nav.top ul a:hover,
nav.top ul a.selected {
  color: var(--blue);
}

nav.bottom a {
  color: var(--blue);
}
.desktop nav.bottom ul a:hover {
  color: var(--gray);
}
nav.bottom {
  margin-bottom: var(--px24);
}