/* Font Faces */

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-100-normal.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-200-normal.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-300-normal.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-800-normal.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-900-normal.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-100-italic.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-200-italic.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-300-italic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-400-italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-500-italic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-600-italic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-700-italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-800-italic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: "DM Sans";
    src: url("/assets/fonts/dm-sans_5.2.8/webfonts/dm-sans-latin-900-italic.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: block;
}

@font-face{
    font-family: ScoreboardFont;
    src: url("/assets/fonts/ds_digital/DS-DIGI.TTF") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face{
      font-family: "Molgan";
      src: url("/assets/fonts/MolganRegular-YqWj2.otf");
      font-weight: 400;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-Bold.woff2") format("woff2");
      font-weight: 700;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-BoldItalic.woff2") format("woff2");
      font-weight: 700;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-Italic.woff2") format("woff2");
      font-weight: 400;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-Medium.woff2") format("woff2");
      font-weight: 500;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-MediumItalic.woff2") format("woff2");
      font-weight: 500;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-Regular.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-SemiBold.woff2") format("woff2");
      font-weight: 600;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Familjen";
      src: url("/assets/fonts/New/FamiljenGrotesk_Complete/Fonts/WEB/fonts/FamiljenGrotesk-SemiBoldItalic.woff2") format("woff2");
      font-weight: 600;
      font-style: italic;
      font-display: block;
  }

/* SF Pro Display. The files are OpenType rather than woff2, so they are served
   as-is the way MolganRegular is; a browser reads .otf fine, it just downloads
   two to three times what the same face would cost compressed.

   The set is uneven, which is what the source folder holds: Regular, Medium and
   Bold are the only upright faces, and every other weight exists only as an
   italic. A weight with no upright face - 300, say - is synthesised by the
   browser from the nearest one it has, so keep the uprights to 400, 500 and 700
   unless the missing files turn up. */

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYULTRALIGHTITALIC.OTF");
      font-weight: 100;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYTHINITALIC.OTF");
      font-weight: 200;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYLIGHTITALIC.OTF");
      font-weight: 300;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYREGULAR.OTF");
      font-weight: 400;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYMEDIUM.OTF");
      font-weight: 500;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYSEMIBOLDITALIC.OTF");
      font-weight: 600;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYBOLD.OTF");
      font-weight: 700;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYHEAVYITALIC.OTF");
      font-weight: 800;
      font-style: italic;
      font-display: block;
  }

@font-face{
      font-family: "SF Pro Display";
      src: url("/assets/fonts/sf-pro-display/SFPRODISPLAYBLACKITALIC.OTF");
      font-weight: 900;
      font-style: italic;
      font-display: block;
  }


/* Manrope. TrueType, served as-is the way SF Pro Display's OpenType is. The
   family runs from ExtraLight (200) to ExtraBold (800) and has no italics, so
   an italic is slanted by the browser. The folder also holds the variable
   font, Manrope-VariableFont_wght.ttf, which carries every weight in one file
   if the static faces are ever traded for it. */

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-ExtraLight.ttf") format("truetype");
      font-weight: 200;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-Light.ttf") format("truetype");
      font-weight: 300;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-Medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Manrope";
      src: url("/assets/fonts/manrope/static/Manrope-ExtraBold.ttf") format("truetype");
      font-weight: 800;
      font-style: normal;
      font-display: block;
  }

/* Inter. The two variable fonts, upright and italic, rather than the static
   faces beside them: each file holds every weight from Thin (100) to Black
   (900), and its optical-size axis fits the letterforms to the size the text
   is set at on its own - the statics come at three fixed optical sizes (18,
   24, and 28pt), and would pin every size to one of them. TrueType, served
   as-is the way Manrope is. The comma in the file names is part of the name. */

@font-face{
      font-family: "Inter";
      src: url("/assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
      font-weight: 100 900;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Inter";
      src: url("/assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
      font-weight: 100 900;
      font-style: italic;
      font-display: block;
  }

/* Figtree. The two variable fonts, upright and italic, the way Inter is
   declared: each file holds every weight the family has, from Light (300) to
   Black (900), so one face stands in for the static ones beside it. There is
   no optical-size axis, only weight. TrueType, served as-is. */

@font-face{
      font-family: "Figtree";
      src: url("/assets/fonts/Figtree/Figtree-VariableFont_wght.ttf") format("truetype");
      font-weight: 300 900;
      font-style: normal;
      font-display: block;
  }

@font-face{
      font-family: "Figtree";
      src: url("/assets/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf") format("truetype");
      font-weight: 300 900;
      font-style: italic;
      font-display: block;
  }