.py-lg-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

[data-bs-theme="light"] {
  --bs-primary-rgb: 0, 76, 179;
  --bs-link-color-rgb: 0, 76, 179;
  --bs-link-hover-color-rgb: 0, 55, 128;
}

[data-bs-theme="dark"] {
  --bs-primary-rgb: 110, 168, 254;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
}

[data-bs-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: #adb5bd;
  --bs-btn-border-color: #adb5bd;
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #adb5bd;
  --bs-btn-hover-border-color: #adb5bd;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #ced4da;
  --bs-btn-active-border-color: #ced4da;
}

.letter-space {
  letter-spacing: 0.08em;
}

.harbor-panel {
  color: #eefcff;
  background: #0b5268;
}

[data-bs-theme="dark"] .harbor-panel {
  color: #eafcff;
  background: #063746;
  border: 1px solid #39798a;
}

@media (max-width: 575.98px) {
  .display-4 {
    font-size: 2.4rem;
  }

  .py-lg-6 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}