@font-face {
    font-family: 'Interstate';
    src: local('Interstate-Bold'),
        url('Interstate-Bold.woff2') format('woff2'),
        url('Interstate-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate';
    src: local('Interstate BoldCondensed'), local('InterstateBoldCondensed'),
        url('InterstateBoldCondensed.woff2') format('woff2'),
        url('InterstateBoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate';
    src: local('Interstate BlackCondensed'), local('InterstateBlackCondensed'),
        url('InterstateBlackCondensed.woff2') format('woff2'),
        url('InterstateBlackCondensed.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate';
    src: local('Interstate-Black'),
        url('Interstate-Black.woff2') format('woff2'),
        url('Interstate-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate';
    src: local('Interstate-Regular'),
        url('Interstate-Regular.woff2') format('woff2'),
        url('Interstate-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Interstate';
    src: local('Interstate Light Cond'), local('Interstate-LightCond'),
        url('Interstate-LightCond.woff2') format('woff2'),
        url('Interstate-LightCond.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}