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

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

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

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


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

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

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