@font-face {
    font-family: 'Noto Sans';
    font-weight: 100;
    font-display: swap;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Thin.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Thin.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 100;
    font-display: swap;
    font-style: italic;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-ThinItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-ThinItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 200;
    font-display: swap;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-ExtraLight.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-ExtraLight.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 200;
    font-display: swap;
    font-style: italic;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-ExtraLightItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Light.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Light.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-LightItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-LightItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Regular.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Regular.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Italic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Italic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Medium.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Medium.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-MediumItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-MediumItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-SemiBold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-SemiBold.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-SemiBoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Bold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Bold.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-BoldItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-BoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-ExtraBold.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-ExtraBoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-Black.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-Black.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/noto-sans/NotoSans-BlackItalic.woff2") format("woff2"), url("../fonts/noto-sans/NotoSans-BlackItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-Thin.woff2") format("woff2"), url("../fonts/gellix/Gellix-Thin.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-ThinItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-ThinItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-Light.woff2") format("woff2"), url("../fonts/gellix/Gellix-Light.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-LightItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-LightItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-Regular.woff2") format("woff2"), url("../fonts/gellix/Gellix-Regular.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-RegularItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-RegularItalic.woff") format("woff")
}

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

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-MediumItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-MediumItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-SemiBold.woff2") format("woff2"), url("../fonts/gellix/Gellix-SemiBold.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-SemiBoldItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-SemiBoldItalic.woff") format("woff")
}

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

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-BoldItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-BoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-ExtraBold.woff2") format("woff2"), url("../fonts/gellix/Gellix-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-ExtraBoldItalic.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-Black.woff2") format("woff2"), url("../fonts/gellix/Gellix-Black.woff") format("woff")
}

@font-face {
    font-family: 'Gellix';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/gellix/Gellix-BlackItalic.woff2") format("woff2"), url("../fonts/gellix/Gellix-BlackItalic.woff") format("woff")
}