@font-face {
    font-family: 'Kenney Input Keyboard & Mouse';
    src: url('../fonts/kenney_input_keyboard_&_mouse.otf') format('opentype'),
        url('../fonts/kenney_input_keyboard_&_mouse.ttf') format('truetype');
}

i[data-key], i[data-key-outlined] {
    font-family: 'Kenney Input Keyboard & Mouse';
    font-size: 3rem;
    font-style: normal !important;
    line-height: 0.8;
}

i[data-key="0"]::before { content: '\e001'; }
i[data-key="1"]::before { content: '\e003'; }
i[data-key="2"]::before { content: '\e005'; }
i[data-key="3"]::before { content: '\e007'; }
i[data-key="4"]::before { content: '\e009'; }
i[data-key="5"]::before { content: '\e00b'; }
i[data-key="6"]::before { content: '\e00d'; }
i[data-key="7"]::before { content: '\e00f'; }
i[data-key="8"]::before { content: '\e011'; }
i[data-key="9"]::before { content: '\e013'; }
i[data-key="r"]::before { content: '\e0b5'; }

i[data-key-outlined="0"]::before { content: '\e002'; }
i[data-key-outlined="1"]::before { content: '\e004'; }
i[data-key-outlined="2"]::before { content: '\e006'; }
i[data-key-outlined="3"]::before { content: '\e008'; }
i[data-key-outlined="4"]::before { content: '\e00a'; }
i[data-key-outlined="5"]::before { content: '\e00c'; }
i[data-key-outlined="6"]::before { content: '\e00e'; }
i[data-key-outlined="7"]::before { content: '\e010'; }
i[data-key-outlined="8"]::before { content: '\e012'; }
i[data-key-outlined="9"]::before { content: '\e014'; }
i[data-key-outlined="r"]::before { content: '\e0b6'; }