@font-face {
    font-family: YS Display;
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Thin.woff2) format('woff2'),
        url(../fonts/YSDisplay-Thin.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Light.woff2) format('woff2'),
        url(../fonts/YSDisplay-Light.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Regular.woff2) format('woff2'),
        url(../fonts/YSDisplay-Regular.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Medium.woff2) format('woff2'),
        url(../fonts/YSDisplay-Medium.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Bold.woff2) format('woff2'),
        url(../fonts/YSDisplay-Bold.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Heavy.woff2) format('woff2'),
        url(../fonts/YSDisplay-Heavy.woff) format('woff');
}
@font-face {
    font-family: YS Display;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSDisplay-Black.woff2) format('woff2'),
        url(../fonts/YSDisplay-Black.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Thin.woff2) format('woff2'),
        url(../fonts/YSText-Thin.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 100;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Thin-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Thin-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Light.woff2) format('woff2'),
        url(../fonts/YSText-Light.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 300;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Light-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Light-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Regular.woff2) format('woff2'),
        url(../fonts/YSText-Regular.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Regular-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Regular-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Medium.woff2) format('woff2'),
        url(../fonts/YSText-Medium.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Medium-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Medium-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Bold.woff2) format('woff2'),
        url(../fonts/YSText-Bold.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Bold-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Bold-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Heavy.woff2) format('woff2'),
        url(../fonts/YSText-Heavy.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Heavy-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Heavy-Italic.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src:
        url(../fonts/YSText-Black.woff2) format('woff2'),
        url(../fonts/YSText-Black.woff) format('woff');
}
@font-face {
    font-family: YS Text;
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src:
        url(../fonts/YSText-Black-Italic.woff2) format('woff2'),
        url(../fonts/YSText-Black-Italic.woff) format('woff');
}