@font-face {
    font-family: 'SF-Hello';
    font-weight: 400;
    font-style: normal;
    src: url("SF-Hello/Regular.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 400;
    font-style: italic;
    src: url("SF-Hello/Regular_italic.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 500;
    font-style: normal;
    src: url("SF-Hello/Medium.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 500;
    font-style: italic;
    src: url("SF-Hello/Medium_italic.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 600;
    font-style: normal;
    src: url("SF-Hello/Semibold.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 600;
    font-style: italic;
    src: url("SF-Hello/Semibold_italic.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 700;
    font-style: normal;
    src: url("SF-Hello/Bold.otf") format("opentype");
}

@font-face {
    font-family: 'SF-Hello';
    font-weight: 700;
    font-style: italic;
    src: url("SF-Hello/Bold_italic.otf") format("opentype");
}