.nav {
  display: flex;
  min-height: var(--nav-height);
  align-items: center;
  color: var(--nav-link-color, var(--link-color));
}

.nav .navCenter {
  display: flex;
  flex: 1;
  justify-content: center;
}

.nav .navLeft {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}

.nav .navRight {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.nav img {
  max-height: var(--nav-height);
}

.nav a {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: var(--nav-padding);
  color: inherit;
}

.nav .isActive:not(.button) {
  color: var(--nav-link-color, var(--link-color));
}

.nav .button {
  margin: var(--nav-padding);
  color: var(--button-color, white);
}