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

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

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

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