@font-face {
    font-family: 'Inversi';
    src: url('Inversi-Condensed.eot');
    src: local('Inversi Condensed'), local('Inversi-Condensed'),
        url('Inversi-Condensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-Condensed.woff2') format('woff2'),
        url('Inversi-Condensed.woff') format('woff'),
        url('Inversi-Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-ExtLtSemCond.eot');
    src: local('Inversi ExtLt SemCond'), local('Inversi-ExtLtSemCond'),
        url('Inversi-ExtLtSemCond.eot?#iefix') format('embedded-opentype'),
        url('Inversi-ExtLtSemCond.woff2') format('woff2'),
        url('Inversi-ExtLtSemCond.woff') format('woff'),
        url('Inversi-ExtLtSemCond.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-Medium.eot');
    src: local('Inversi Medium'), local('Inversi-Medium'),
        url('Inversi-Medium.eot?#iefix') format('embedded-opentype'),
        url('Inversi-Medium.woff2') format('woff2'),
        url('Inversi-Medium.woff') format('woff'),
        url('Inversi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-ExtraLight.eot');
    src: local('Inversi ExtraLight'), local('Inversi-ExtraLight'),
        url('Inversi-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('Inversi-ExtraLight.woff2') format('woff2'),
        url('Inversi-ExtraLight.woff') format('woff'),
        url('Inversi-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-ExtraLightCondensed.eot');
    src: local('Inversi ExtraLight Condensed'), local('Inversi-ExtraLightCondensed'),
        url('Inversi-ExtraLightCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-ExtraLightCondensed.woff2') format('woff2'),
        url('Inversi-ExtraLightCondensed.woff') format('woff'),
        url('Inversi-ExtraLightCondensed.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-BoldSemiCondensed.eot');
    src: local('Inversi Bold SemiCondensed'), local('Inversi-BoldSemiCondensed'),
        url('Inversi-BoldSemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-BoldSemiCondensed.woff2') format('woff2'),
        url('Inversi-BoldSemiCondensed.woff') format('woff'),
        url('Inversi-BoldSemiCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-Light.eot');
    src: local('Inversi Light'), local('Inversi-Light'),
        url('Inversi-Light.eot?#iefix') format('embedded-opentype'),
        url('Inversi-Light.woff2') format('woff2'),
        url('Inversi-Light.woff') format('woff'),
        url('Inversi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-Bold.eot');
    src: local('Inversi Bold'), local('Inversi-Bold'),
        url('Inversi-Bold.eot?#iefix') format('embedded-opentype'),
        url('Inversi-Bold.woff2') format('woff2'),
        url('Inversi-Bold.woff') format('woff'),
        url('Inversi-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-MediumCondensed.eot');
    src: local('Inversi Medium Condensed'), local('Inversi-MediumCondensed'),
        url('Inversi-MediumCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-MediumCondensed.woff2') format('woff2'),
        url('Inversi-MediumCondensed.woff') format('woff'),
        url('Inversi-MediumCondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-LightCondensed.eot');
    src: local('Inversi Light Condensed'), local('Inversi-LightCondensed'),
        url('Inversi-LightCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-LightCondensed.woff2') format('woff2'),
        url('Inversi-LightCondensed.woff') format('woff'),
        url('Inversi-LightCondensed.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-BoldCondensed.eot');
    src: local('Inversi Bold Condensed'), local('Inversi-BoldCondensed'),
        url('Inversi-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-BoldCondensed.woff2') format('woff2'),
        url('Inversi-BoldCondensed.woff') format('woff'),
        url('Inversi-BoldCondensed.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-LightSemiCondensed.eot');
    src: local('Inversi Light SemiCondensed'), local('Inversi-LightSemiCondensed'),
        url('Inversi-LightSemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-LightSemiCondensed.woff2') format('woff2'),
        url('Inversi-LightSemiCondensed.woff') format('woff'),
        url('Inversi-LightSemiCondensed.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-MediumSemiCondensed.eot');
    src: local('Inversi Medium SemiCondensed'), local('Inversi-MediumSemiCondensed'),
        url('Inversi-MediumSemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-MediumSemiCondensed.woff2') format('woff2'),
        url('Inversi-MediumSemiCondensed.woff') format('woff'),
        url('Inversi-MediumSemiCondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-SemiBoldCondensed.eot');
    src: local('Inversi SemiBold Condensed'), local('Inversi-SemiBoldCondensed'),
        url('Inversi-SemiBoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-SemiBoldCondensed.woff2') format('woff2'),
        url('Inversi-SemiBoldCondensed.woff') format('woff'),
        url('Inversi-SemiBoldCondensed.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-Regular.eot');
    src: local('Inversi Regular'), local('Inversi-Regular'),
        url('Inversi-Regular.eot?#iefix') format('embedded-opentype'),
        url('Inversi-Regular.woff2') format('woff2'),
        url('Inversi-Regular.woff') format('woff'),
        url('Inversi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-SemiBold.eot');
    src: local('Inversi SemiBold'), local('Inversi-SemiBold'),
        url('Inversi-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Inversi-SemiBold.woff2') format('woff2'),
        url('Inversi-SemiBold.woff') format('woff'),
        url('Inversi-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inversi';
    src: url('Inversi-SemiBoldSemiCondensed.eot');
    src: local('Inversi SemiBold SemiCondensed'), local('Inversi-SemiBoldSemiCondensed'),
        url('Inversi-SemiBoldSemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('Inversi-SemiBoldSemiCondensed.woff2') format('woff2'),
        url('Inversi-SemiBoldSemiCondensed.woff') format('woff'),
        url('Inversi-SemiBoldSemiCondensed.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

