@font-face {
    font-family: 'HM Slussen Condensed Regular';
    src: url('./HM-Slussen-Condensed-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Expanded Bold';
    src: url('./HM-Slussen-Expanded-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Expanded Headline Bold';
    src: url('./HM-Slussen-Expanded-Headline-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Expanded Headline Regular';
    src: url('./HM-Slussen-Extended-Headline-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Expanded Headline Semibold';
    src: url('./HM-Slussen-Extended-Headline-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Extended';
    src: url('./HM-Slussen-Extended-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Extended Semibold';
    src: url('./HM-Slussen-Extended-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Regular';
    src: url('./HM-Slussen-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HM Slussen Semibold';
    src: url('./HM-Slussen-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}