@font-face {
    font-family: 'Italianno';
    src: url('./Italianno-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('./RobotoSlab-Regular.woff2') format('woff2'),
    url('./RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('./RobotoSlab-Bold.woff2') format('woff2'),
    url('./RobotoSlab-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('./HKGrotesk-Regular.woff2') format('woff2'),
    url('./HKGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('./HKGrotesk-Bold.woff2') format('woff2'),
    url('./HKGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('./HKGrotesk-Regular.woff2') format('woff2'),
    url('./HKGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'HK Grotesk';
    src: url('./HKGrotesk-Bold.woff2') format('woff2'),
    url('./HKGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
/*This font is only needed in the Pricing component which is currently disabled, so no need to download the font*/
/* @font-face {
    font-family: 'Nautilus Pompilius';
    src: url('./hinted-NautilusPompilius.woff2') format('woff2'),
    url('./hinted-NautilusPompilius.woff') format('woff'),
    url('./hinted-NautilusPompilius.svg#NautilusPompilius') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
} */