nav {
  display: flex;
  justify-content: center;
  background: var(--mix);
  border-bottom: 1px solid var(--color);
  user-select: none;

  a {
    display: block;
    color: var(--color);
    text-decoration: none;
    font-size: 1.1em;
    padding: 10px 20px;
    margin: 10px;
    transition: all 0.25s;

    &:hover {
      background: var(--dark);
    }

    &.active {
      background: var(--dark);
      border-bottom: 1px solid var(--color);
    }
  }
}
