@font-face {
    font-family: "OpenDyslexic";
    src: url("/static/fonts/OpenDyslexic-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

html[data-font="default"] {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif;
}

html[data-font="readable"] {
    font-family: "OpenDyslexic", system-ui, sans-serif;
    font-size: 90%;
}

html[data-font="readable"] code,
html[data-font="readable"] pre {
    font-family: "OpenDyslexic", system-ui, sans-serif !important;
    font-size: 90%;
}

html[data-font="readable"] svg,
html[data-font="readable"] .avatar,
html[data-font="readable"] .badge-icon {
    flex-shrink: 0;
}

html[data-font="readable"] nav svg,
html[data-font="readable"] .dropdown-menu svg {
    width: 2.1rem;
    height: 2.1rem;
}