@font-face {
    font-family: 'Optimistic Text';
    src: url('OptimisticText-Medium.woff2') format('woff2'),
        url('OptimisticText-Medium.woff') format('woff'),
        url('OptimisticText-Medium.svg#OptimisticText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Text';
    src: url('OptimisticText-Light.woff2') format('woff2'),
        url('OptimisticText-Light.woff') format('woff'),
        url('OptimisticText-Light.svg#OptimisticText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Text';
    src: url('OptimisticText-Bold.woff2') format('woff2'),
        url('OptimisticText-Bold.woff') format('woff'),
        url('OptimisticText-Bold.svg#OptimisticText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Display';
    src: url('OptimisticDisplay-Bold.woff2') format('woff2'),
        url('OptimisticDisplay-Bold.woff') format('woff'),
        url('OptimisticDisplay-Bold.svg#OptimisticDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Text';
    src: url('OptimisticText-ExtraBold.woff2') format('woff2'),
        url('OptimisticText-ExtraBold.woff') format('woff'),
        url('OptimisticText-ExtraBold.svg#OptimisticText-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Display';
    src: url('OptimisticDisplay-ExtraLight.woff2') format('woff2'),
        url('OptimisticDisplay-ExtraLight.woff') format('woff'),
        url('OptimisticDisplay-ExtraLight.svg#OptimisticDisplay-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Optimistic Display';
    src: url('OptimisticDisplay-ExtraBold.woff2') format('woff2'),
        url('OptimisticDisplay-ExtraBold.woff') format('woff'),
        url('OptimisticDisplay-ExtraBold.svg#OptimisticDisplay-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}