@font-face {
    font-family: 'Barlow';
    src: url('Barlow-Medium.html') format('woff2'),
        url('Barlow-Medium-2.html') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('Barlow-SemiBold.html') format('woff2'),
        url('Barlow-SemiBold-2.html') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Beaufort for LOL';
    src: url('BeaufortforLOL-Bold.html') format('woff2'),
        url('BeaufortforLOL-Bold-2.html') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beaufort for LOL';
    src: url('BeaufortforLOL-Medium.html') format('woff2'),
        url('BeaufortforLOL-Medium-2.html') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}