@font-face {
    font-family: 'Noto Emoji';
    src: url('fonts/NotoEmoji-VariableFont_wght.woff2') format('woff2'),
         url('fonts/NotoEmoji-VariableFont_wght.ttf') format('truetype');
    font-weight: 300 700;
    font-style: normal;
    font-display: block;
    unicode-range:
        U+200D,        /* ZWJ */
        U+FE00-FE0F,   /* variation selectors */
        U+00A9-00AE,   /* © ® */
        U+203C, U+2049, /* ‼ ⁉ */
        U+2122, U+2139, /* ™ ℹ */
        U+2194-2199,   /* diagonal arrows */
        U+21A9-21AA,   /* curving arrows */
        U+231A-23FA,   /* clocks, keyboard, media controls */
        U+24C2,        /* Ⓜ */
        U+25A0-25FF,   /* geometric shapes */
        U+2600-26FF,   /* misc symbols */
        U+2700-277F,   /* dingbats (part 1) */
        U+278A-27BF,   /* dingbats (part 2, excl. U+2780-U+2789 keypad 0-9) */
        U+2934-2935,   /* curving arrows */
        U+2B00-2BFF,   /* misc symbols and arrows (⬅ ⭐ ⭕ …) */
        U+3030, U+303D, /* 〰 〽 */
        U+3297, U+3299, /* ㊗ ㊙ */
        U+1F000-1F0FF, /* mahjong / playing cards */
        U+1F170-1F251, /* enclosed buttons + regional indicators (flags) */
        U+1F300-1F5FF, /* misc symbols and pictographs */
        U+1F600-1F64F, /* emoticons */
        U+1F680-1F6FF, /* transport and map symbols */
        U+1F7E0-1F7F0, /* colored circles / squares */
        U+1F900-1F9FF, /* supplemental symbols */
        U+1FA70-1FAFF, /* symbols extended-A */
        U+E0061-E007A, /* subdivision flag tags */
        U+E007F;       /* cancel tag */
}