@font-face {
    font-family: 'HankenGrotesk100';
    src: url('/static/fonts/HankenGrotesk-Thin.woff2') format("woff2"),
         url('/static/fonts/HankenGrotesk-Thin.woff') format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HankenGrotesk300';
    src: url('/static/fonts/HankenGrotesk-Light.woff2') format("woff2"),
         url('/static/fonts/HankenGrotesk-Light.woff') format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HankenGrotesk500';
    src: url('/static/fonts/HankenGrotesk-Medium.woff2') format("woff2"),
         url('/static/fonts/HankenGrotesk-Medium.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HankenGrotesk700';
    src: url('/static/fonts/HankenGrotesk-Bold.woff2') format("woff2"),
         url('/static/fonts/HankenGrotesk-Bold.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Inter400';
    src: url('/static/fonts/inter-400-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter500';
    src: url('/static/fonts/inter-500-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter600';
    src: url('/static/fonts/inter-600-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}