@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    /* font families */
    --inter: 'Inter', sans-serif;
    --Mintthin: 'Mintthin';
    --MintRegular: 'MintRegular';
    --MintRegularDisplay: 'MintRegularDisplay';
    --MintMediumItalic: 'MintMediumItalic';
    --MintMediumItalicDisplay: 'MintMediumItalicDisplay';
    --MintMedium: 'MintMedium';
    --MintMediumDisplay: 'MintMediumDisplay';
    --MintItalic: 'MintItalic';
    --MintItalicDisplay: 'MintItalicDisplay';
    --MintExtraboldItalic: 'MintExtraboldItalic';
    --MintExtraboldItalicDisplay: 'MintExtraboldItalicDisplay';
    --MintExtraBold: 'MintExtraBold';
    --MintExtraBoldDisplay: 'MintExtraBoldDisplay';
    --MintBold: 'MintBold';
    --MintBoldDisplay: 'MintBoldDisplay';
    --MintBoldItalic: 'MintBoldItalic';
    --MintBoldItalicDisplay: 'MintBoldItalicDisplay';
}

@font-face {
    font-family: 'Mintthin';
    src: url('/assets/fonts/MintGroteskTrial-Thin-BF64336b1cad33b.otf');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MintRegular';
    src: url('/assets/fonts/MintGroteskTrial-Regular-BF64336b1caef64.woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MintRegularDisplay';
    src: url('/assets/fonts/MintGroteskTrial-RegularDisplay-BF64336b1cd46bb.woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MintMediumItalic';
    src: url('/assets/fonts/MintGroteskTrial-MediumItalic-BF64336b1ca7c8f.woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'MintMediumItalicDisplay';
    src: url('/assets/fonts/MintGroteskTrial-MediumItalicDisplay-BF64336b1cb59ab.woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'MintMedium';
    src: url('/assets/fonts/MintGroteskTrial-Medium-BF64336b1cc96e2.woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'MintMediumDisplay';
    src: url('/assets/fonts/MintGroteskTrial-MediumDisplay-BF64336b1cce779.woff');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'MintItalic';
    src: url('/assets/fonts/MintGroteskTrial-Italic-BF64336b1ca02aa.woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MintItalicDisplay';
    src: url('/assets/fonts/MintGroteskTrial-ItalicDisplay-BF64336b1c8921f.woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'MintExtraboldItalic';
    src: url('/assets/fonts/MintGroteskTrial-ExtraBoldItalic-BF64336b1c5d0d3.woff');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'MintExtraboldItalicDisplay';
    src: url('/assets/fonts/MintGroteskTrial-ExtraBoldItalicDisplay-BF64336b1c5ce13.woff');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'MintExtraBold';
    src: url('/assets/fonts/MintGroteskTrial-ExtraBold-BF64336b1c9a73a.woff');
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'MintExtra900Display';
    src: url('/assets/fonts/MintGroteskTrial-ExtraBoldDisplay-BF64336b1cb118a.woff');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'MintBold';
    src: url('/assets/fonts/MintGroteskTrial-Bold-BF64336b1cb5af2.woff');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'MintBoldDisplay';
    src: url('/assets/fonts/MintGroteskTrial-BoldDisplay-BF64336b1cb1fb3.woff');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'MintBoldItalic';
    src: url('/assets/fonts/MintGroteskTrial-BoldItalic-BF64336b1d06037.woff');
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: 'MintBoldItalicDisplay';
    src: url('/assets/fonts/MintGroteskTrial-BoldItalicDisplay-BF64336b1c3fddc.woff');
    font-style: normal;
    font-weight: 800;
}