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

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

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

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

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

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

