@font-face {
  font-family: "orkney";
  src: url("Assets/Fonts/orkney/orkney-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "playpensans";
  src: url("Assets/Fonts/playpensans/playpensans-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "schibstedgrotesk";
  src: url("Assets/Fonts/schibstedgrotesk/schibstedgrotesk-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "besley";
  src: url("Assets/Fonts/besley/besley-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "alegreya";
  src: url("Assets/Fonts/alegreya/alegreya-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "poetsenone";
  src: url("Assets/Fonts/poetsenone/poetsenone-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "shantellsans";
  src: url("Assets/Fonts/shantellsans/shantellsans-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "bizudmincho";
  src: url("Assets/Fonts/bizudmincho/bizudmincho-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "benchnine";
  src: url("Assets/Fonts/benchnine/benchnine-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "tuffy";
  src: url("Assets/Fonts/tuffy/tuffy-bolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "avenirltstd";
  src: url("Assets/Fonts/avenirltstd/avenirltstd-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "impactlabelreversed";
  src: url("Assets/Fonts/impactlabel/impactlabel-reversed.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "impactlabel";
  src: url("Assets/Fonts/impactlabel/impactlabel.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "thedood";
  src: url("Assets/Fonts/thedood/thedood-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "soulmarker";
  src: url("Assets/Fonts/soulmarker/soulmarker-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "soulmarker";
  src: url("Assets/Fonts/soulmarker/soulmarker-light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "sono";
  src: url("Assets/Fonts/sono/sono-variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "roboto";
  src: url("Assets/Fonts/roboto/roboto-variable-regular.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "roboto";
  src: url("Assets/Fonts/roboto/roboto-variable-italic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
}

@font-face {
  font-family: "orkney";
  src: url("Assets/Fonts/orkney/orkney-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "orkney";
  src: url("Assets/Fonts/orkney/orkney-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "orkney";
  src: url("Assets/Fonts/orkney/orkney-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "orkney";
  src: url("Assets/Fonts/orkney/orkney-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "mynerve";
  src: url("Assets/Fonts/mynerve/mynerve-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "lemontuesday";
  src: url("Assets/Fonts/lemontuesday/lemontuesday.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "leafy";
  src: url("Assets/Fonts/leafy.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "imperfect";
  src: url("Assets/Fonts/imperfect/helloimperfect-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "goodvibes";
  src: url("Assets/Fonts/goodvibes/goodvibes-regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "cooperblack";
  src: url("Assets/Fonts/cooperblack-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "centuryschoolbook";
  src: url("Assets/Fonts/centuryschoolbook.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "bellaboo";
  src: url("Assets/Fonts/bellaboo/bellaboo-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "bellaboosg";
  src: url("Assets/Fonts/bellaboo/bellaboo-signature.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "aloja";
  src: url("Assets/Fonts/aloja/aloja-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "EmbossingTape1BRK";
  src: url("Assets/Fonts/embossing-tape-1-brk/embosst1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgLightItalic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgMedium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgMediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgSemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgSemiBoldItalic.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBoldItalic.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hkg/hkgBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpRegular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpItalic.otf")
    format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpBold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/agp/agpBoldItalic.otf")
    format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspExtraLight.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspExtraLightIt.otf")
    format("opentype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspLightIt.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspIt.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspSemibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspSemiboldIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBoldIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/ssp/sspBlackIt.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

/* @font-face {
  font-family: "EmbossingTape1BRK";
  src: url("Assets/Fonts/embossing-tape-1-brk/embosst1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-LightItalic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-MediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-SemiBoldItalic.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-BoldItalic.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "HKGrotesk";
  src: url("Assets/Fonts/hk-grotesk/HKGrotesk-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Italic.otf")
    format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-Bold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "AdobeGP";
  src: url("Assets/Fonts/adobe-garamond-pro/AGaramondPro-BoldItalic.otf")
    format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-ExtraLight.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-ExtraLightIt.otf")
    format("opentype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-LightIt.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-It.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-SemiboldIt.otf")
    format("opentype");
  font-weight: 600;
  font-style: italic;;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-BoldIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SourceSerifPro";
  src: url("Assets/Fonts/source-serif-pro/SourceSerifPro-BlackIt.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
} */


.HKG-L {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.HKG-LI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.HKG-R {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.HKG-RI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.HKG-M {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.HKG-MI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.HKG-SB {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.HKG-SBI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.HKG-B {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.HKG-BI {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.HKG-EB {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.HKG-BL {
  font-family: "HKGrotesk", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.AGP-R {
  font-family: "AdobeGP", serif;
  font-weight: normal;
  font-style: normal;
}

.AGP-RI {
  font-family: "AdobeGP", serif;
  font-weight: normal;
  font-style: italic;
}
.AGP-B {
  font-family: "AdobeGP", serif;
  font-weight: bold;
  font-style: normal;
}

.AGP-BI {
  font-family: "AdobeGP", serif;
  font-weight: bold;
  font-style: italic;
}

.font-sample {
  color: black;
  position: relative;
  z-index: 99999;
}

.SSP-EL {
  font-family: "SourceSerifPro", serif;
  font-weight: 100;
  font-style: normal;
}

.SSP-ELI {
  font-family: "SourceSerifPro", serif;
  font-weight: 100;
  font-style: italic;
}

.SSP-L {
  font-family: "SourceSerifPro", serif;
  font-weight: 300;
  font-style: normal;
}

.SSP-LI {
  font-family: "SourceSerifPro", serif;
  font-weight: 300;
  font-style: italic;
}

.SSP-R {
  font-family: "SourceSerifPro", serif;
  font-weight: 400;
  font-style: normal;
}

.SSP-RI {
  font-family: "SourceSerifPro", serif;
  font-weight: 400;
  font-style: italic;
}

.SSP-SB {
  font-family: "SourceSerifPro", serif;
  font-weight: 600;
  font-style: normal;
}

.SSP-SBI {
  font-family: "SourceSerifPro", serif;
  font-weight: 600;
  font-style: italic;
}

.SSP-B {
  font-family: "SourceSerifPro", serif;
  font-weight: 700;
  font-style: normal;
}

.SSP-BI {
  font-family: "SourceSerifPro", serif;
  font-weight: 700;
  font-style: italic;
}

.SSP-BL {
  font-family: "SourceSerifPro", serif;
  font-weight: 900;
  font-style: normal;
}

.SSP-BLI {
  font-family: "SourceSerifPro", serif;
  font-weight: 900;
  font-style: italic;
}