/**
 * @file
 * Styles for menu.
 */

.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: var(--gap);
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu a {
  display: block;
  color: var(--text-color);
  transition: color 0.25s;
}
.menu a.is-active {

}

.menu a:visited{
  color: var(--text-color);
}
.menu a:focus,
.menu a:hover {
  color: var(--menu-color);
  text-decoration: none;
}