@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 100;
  src:
    local("MintGrotesk Thin"),
    url("./MintGrotesk-Thin.woff2") format("woff2"),
    url("./MintGrotesk-Thin.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 100;
  src:
    local("MintGrotesk ThinItalic"),
    url("./MintGrotesk-ThinItalic.woff2") format("woff2"),
    url("./MintGrotesk-ThinItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 300;
  src:
    local("MintGrotesk Light"),
    url("./MintGrotesk-Light.woff2") format("woff2"),
    url("./MintGrotesk-Light.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 300;
  src:
    local("MintGrotesk LightItalic"),
    url("./MintGrotesk-LightItalic.woff2") format("woff2"),
    url("./MintGrotesk-LightItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 400;
  src:
    local("MintGrotesk Regular"),
    url("./MintGrotesk-Regular.woff2") format("woff2"),
    url("./MintGrotesk-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 400;
  src:
    local("MintGrotesk Italic"),
    url("./MintGrotesk-RegularItalic.woff2") format("woff2"),
    url("./MintGrotesk-Italic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 500;
  src:
    local("MintGrotesk Medium"),
    url("./MintGrotesk-Medium.woff2") format("woff2"),
    url("./MintGrotesk-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 500;
  src:
    local("MintGrotesk MediumItalic"),
    url("./MintGrotesk-MediumItalic.woff2") format("woff2"),
    url("./MintGrotesk-MediumItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 700;
  src:
    local("MintGrotesk Bold"),
    url("./MintGrotesk-Bold.woff2") format("woff2"),
    url("./MintGrotesk-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 700;
  src:
    local("MintGrotesk BoldItalic"),
    url("./MintGrotesk-BoldItalic.woff2") format("woff2"),
    url("./MintGrotesk-BoldItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 800;
  src:
    local("MintGrotesk ExtraBold"),
    url("./MintGrotesk-ExtraBold.woff2") format("woff2"),
    url("./MintGrotesk-ExtraBold.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 800;
  src:
    local("MintGrotesk ExtraBoldItalic"),
    url("./MintGrotesk-ExtraBoldItalic.woff2") format("woff2"),
    url("./MintGrotesk-ExtraBoldItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 900;
  src:
    local("MintGrotesk Heavy"),
    url("./MintGrotesk-Heavy.woff2") format("woff2"),
    url("./MintGrotesk-Heavy.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 900;
  src:
    local("MintGrotesk HeavyItalic"),
    url("./MintGrotesk-HeavyItalic.woff2") format("woff2"),
    url("./MintGrotesk-HeavyItalic.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: normal;
  font-weight: 950;
  src:
    local("MintGrotesk Black"),
    url("./MintGrotesk-Black.woff2") format("woff2"),
    url("./MintGrotesk-Black.otf") format("opentype");
}

@font-face {
  font-family: "Mint Grotesk";
  font-style: italic;
  font-weight: 950;
  src:
    local("MintGrotesk BlackItalic"),
    url("./MintGrotesk-BlackItalic.woff2") format("woff2"),
    url("./MintGrotesk-BlackItalic.otf") format("opentype");
}

/* Utility class for easy font family application */
.mint-grotesk {
  font-family: "Mint Grotesk", sans-serif;
}