@import url(./defaults.css);

.nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 2rem;
}

.nav-heading a {
  display: flex;
}

.nav-logo {
  height: 3rem;
}

.nav-links {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}

.nav-link {
  margin-right: 2rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
}
.nav-link:last-child {
  margin-right: 0;
}
.nav-link a {
  color: inherit;
  text-decoration: none;
}
.nav-link a:hover {
  color: var(--primary-color);
}