@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-light.woff2') format('woff2'),
        url('/fonts/poppins-light.woff') format('woff'),
        url('/fonts/poppins-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-regular.woff2') format('woff2'),
        url('/fonts/poppins-regular.woff') format('woff'),
        url('/fonts/poppins-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-medium.woff2') format('woff2'),
        url('/fonts/poppins-medium.woff') format('woff'),
        url('/fonts/poppins-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-semibold.woff2') format('woff2'),
        url('/fonts/poppins-semibold.woff') format('woff'),
        url('/fonts/poppins-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-bold.woff2') format('woff2'),
        url('/fonts/poppins-bold.woff') format('woff'),
        url('/fonts/poppins-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/fonts/EncodeSans-Thin.woff2') format('woff2'),
        url('/fonts/EncodeSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/fonts/EncodeSans-Light.woff2') format('woff2'),
        url('/fonts/EncodeSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/fonts/EncodeSans-Bold.woff2') format('woff2'),
        url('/fonts/EncodeSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Light.woff2') format('woff2'),
        url('/fonts/IBMPlexSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('/fonts/IBMPlexSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Bold.woff2') format('woff2'),
        url('/fonts/IBMPlexSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Feathericon';
    src: url('/fonts/Feathericon.eot');
    src: url('/fonts/Feathericon.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Feathericon.woff2') format('woff2'),
        url('/fonts/Feathericon.woff') format('woff'),
        url('/fonts/Feathericon.ttf') format('truetype'),
        url('/fonts/Feathericon.svg#Feathericon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Feather';
    src: url('/fonts/Feather.ttf') format('truetype'),
        url('/fonts/Feather.svg') format('svg');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Material Icons';
    src: url('/fonts/MaterialIcons-Regular.eot');
    src: url('/fonts/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/MaterialIcons-Regular.woff2') format('woff2'),

        url('/fonts/MaterialIcons-Regular.woff') format('woff'),
        url('/fonts/MaterialIcons-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}