@font-face{
    font-family: 'OpenDyslexic';
    src: url('../fonts/OpenDyslexic-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


body{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    transition: font-family 0.3s ease;
}

.font-system {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.font-pokemonRSE{
}

.font-opendyslexic{
    font-family: 'OpenDyslexic', sans-serif;
}


/* Dropdown styling */

.font-switcher{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.font-selector{
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color:plum;
    cursor: pointer;
    appearance: none;
}

.font-selector:focus{
    outline:none;
    border-color:darkorchid;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}