@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-LightItalic.woff2') format('woff2');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Italic.woff2') format('woff2');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Medium.woff2') format('woff2');
         font-weight: 500;
         font-style: normal;
         font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-MediumItalic.woff2') format('woff2');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-BoldItalic.woff2') format('woff2');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-ExtraBold.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-ExtraBoldItalic.woff2') format('woff2');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
}
@font-face {
    font-family: 'HankenSans';
    src: url('../fonts/HankenSans/HankenSans-Black.woff2') format('woff2');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
}