:root {
  --bs-font-sans-serif: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-primary: #4b6a4f;
  --bs-primary-rgb: 75, 106, 79;
}

body {
  font-family: var(--bs-font-sans-serif);
}

.navbar-brand,
.brand-link {
  color: var(--bs-primary);
}

.text-brand-green {
  color: var(--bs-primary);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #3a5240;
  --bs-btn-hover-border-color: #3a5240;
  --bs-btn-active-bg: #2f4434;
  --bs-btn-active-border-color: #2f4434;
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.navbar-nav {
  align-items: stretch;
}

.navbar-nav .nav-link {
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  margin-bottom: calc(var(--bs-border-width, 1px) * -1);
}

.navbar-nav .nav-link.active {
  border-bottom-color: var(--bs-primary);
}

#about-nav .nav-link {
  color: var(--bs-secondary-color, #6c757d);
  padding: .3rem 0 .3rem .75rem;
  border-left: 2px solid var(--bs-border-color, #dee2e6);
}

#about-nav .nav-link.active,
#about-nav .nav-link:hover {
  color: var(--bs-primary);
  border-left-color: var(--bs-primary);
}

.card {
  transition: box-shadow .2s ease;
}

.card:hover,
.card:focus {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
}

.card-img-top {
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1080px;
  }
}