body {
  font-family: "HKGroteskPro", serif;
  font-size: 1.0625rem;
  overflow-x: clip;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  background: oklch(0.985 0.002 247.839);
}

*, :after, :before {
    box-sizing: border-box;
}

@font-face{
  font-family:HKGroteskPro;
  font-weight:400;
  src:url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Regular.woff2) format("woff2"),url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Regular.woff) format("woff")
}

@font-face{
  font-family:HKGroteskPro;
  font-weight:600;
  src:url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Medium.woff2) format("woff2"),url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Medium.woff) format("woff")
}

@font-face{
  font-family:HKGroteskPro;
  font-weight:700;
  src:url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.woff2) format("woff2"),url(../includes/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.woff) format("woff")
}

@font-face{
  font-family:Feather;
  font-style:normal;
  font-weight:400;
  src:url(../includes/fonts/Feather/Feather.ttf?sdxovp) format("truetype"),url(../includes/fonts/Feather/Feather.woff?sdxovp) format("woff"),url(../includes/fonts/Feather/Feather.svg?sdxovp#Feather) format("svg")
}

hr {
  --bs-border-width: 1px;
  --bs-border-color: #f1f4f8;
  border: 0;
  border-top: var(--bs-border-width) solid;
  color: var(--bs-border-color);
  margin: 1rem 0;
  opacity: 1;
}

.nav-link {
  padding: 0 1.5rem 1rem 0;
}

.mt-8 {
  margin-top: 3rem;
}