@font-face {
  font-family: "DNA Heading Demi Bold";
  src:
    url("DNAHeading-DemiBold.woff2") format("woff2"),
    url("DNAHeading-DemiBold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DNA Heading Bold";
  src:
    url("DNAHeading-Bold.woff2") format("woff2"),
    url("DNAHeading-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DNA Heading Black";
  src:
    url("DNAHeading-Black.woff2") format("woff2"),
    url("DNAHeading-Black.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DNA Text Bold";
  src:
    url("DNAText-Bold.woff2") format("woff2"),
    url("DNAText-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DNA Text Medium";
  src:
    url("DNAText-Medium.woff2") format("woff2"),
    url("DNAText-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DNA Text Regular";
  src:
    url("DNAText-Regular.woff2") format("woff2"),
    url("DNAText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html,
body {
  font:
    normal 16px "DNA Text Regular",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.25;
}