@font-face {
    font-family: 'OpenDyslexic2';
    src: url('./fonts/OpenDyslexicAlta-Regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'OpenDyslexic2';
    src: url('./fonts/OpenDyslexicAlta-Bold.otf');
    font-weight: bold;
    font-style: bold;
    font-display: block;
}

@font-face {
    font-family: 'OpenDyslexic2';
    src: url('./fonts/OpenDyslexicAlta-Italic.otf');
    font-weight: italic;
    font-style: italic;
    font-display: block;
}

:root {
    --fonts-proportional: OpenDyslexic2 !important;
}