styles.css

@import url(https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch&display=swap);
    @import url(https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap);
    @import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);

    .darkly,
    .default {
        font-family: Arial, Helvetica, sans-serif;
    }

    .default {
        background: #fff;
        color: #495057;
        background: #fdfdfe;
    }

    .default b {
        color: #2fa4e7;
    }

    .darkly {
        background: #303030;
        color: #fff;
    }

    .journal {
        font-family: "Arial Narrow Bold", sans-serif;
        background: #fff;
        color: #000;
    }

    .morph,
    .sketchy {
        font-style: italic;
    }

    .sketchy {
        color: #495057;
        font-family: Neucha, Arial, sans-serif;
        background: #fff;
        border: 2px solid #000;
    }

    .morph {
        font-family: Nunito, Arial, sans-serif;
        background: #d9e3f1;
        color: #485785;
        box-shadow: rgba(109, 114, 121, .2) 2px 2px 6px 0 inset, rgba(255, 255, 255, .2) -3px -2px 4px 0 inset;
    }

    @keyframes cheatsheet_rotation__BjCQP {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(1turn)
        }
    }
    .themes_themes__VUlU0,
    .topic_root__71QQk>aside {
        display: flex;
        flex-direction: column;
        gap: 1em
    }
    .themes_themes__VUlU0 div {
        border-radius: 3em;
        cursor: pointer;
        font-size: 1em;
        height: 3em;
        text-align: center;
        transition: transform .5s;
        width: 3em
    }
    .themes_themes__VUlU0 span {
        line-height: 3em;
        vertical-align: middle
    }
    .themes_themes__VUlU0 div:hover,
    .topic_logo__M1VSI:hover {
        transform: scale(1.1)
    }
    .themes_select__A8iOX {
        -webkit-appearance: none;
        background-color: #0000;
        border: 0;
        color: #000;
        cursor: pointer;
        display: none;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 1.5em;
        height: 2em;
        outline: 0;
        padding: 0 .25em
    }
    @media (max-width:800px) {
        .themes_select__A8iOX {
            display: block
        }
        .themes_themes__VUlU0 {
            display: none
        }
    }
    .cheatsheet_cheatsheet__ax47n {
        border: 0;
        box-shadow: 0 4px 6px -2px #00000040, 0 12px 24px 2px #00000026;
        overflow: hidden;
        position: absolute;
        visibility: hidden;
        width: 100%
    }
    .cheatsheet_container__xW3X\+,
    .topic_root__71QQk>main {
        align-items: center;
        justify-content: center;
        overflow: hidden
    }
    .cheatsheet_container__xW3X\+ {
        display: flex;
        height: 75%;
        width: 75%
    }
    .cheatsheet_preloader__uTd1z {
        animation: cheatsheet_rotation__BjCQP 1s linear infinite;
        border: 5px solid;
        border-color: #000 #000 #0000;
        border-radius: 50%;
        box-sizing: border-box;
        display: inline-block;
        height: 60px;
        width: 60px
    }
    .cheatsheet_warning__aHNCA {
        color: #777;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5em
    }
    @media (max-width:800px) {
        .cheatsheet_container__xW3X\+ {
            width: 100%
        }
    }
    .download_download__cdvU- button,
    .rotate_rotate__thY\+d button {
        background-color: #0000;
        border: 0;
        color: #777;
        cursor: pointer;
        display: inline-block;
        margin: auto;
        padding: .5em;
        position: relative
    }
    .download_download__cdvU- button img,
    .rotate_rotate__thY\+d button img {
        height: 3em;
        width: 3em
    }
    .download_download__cdvU- button:hover,
    .rotate_rotate__thY\+d button:hover {
        background-color: #f6d51e
    }
    body {
        background-color: #f2f2f9;
        margin: 0
    }
    .topic_root__71QQk {
        display: flex;
        flex-direction: row;
        height: 640px;
    }
    .topic_root__71QQk>main {
        height: 100%;
        padding: 0 3em
    }
    .topic_root__71QQk>main,
    .topic_selectors__t03zC {
        display: flex;
        flex-direction: column;
        flex-grow: 1
    }
    .topic_root__71QQk>aside {
        gap: 4em;
        justify-content: space-between;
        padding: 2em
    }
    .topic_logo__M1VSI {
        transition: transform .5s
    }
    .topic_logo__M1VSI img {
        width: 3em
    }
    button,
    select {
        transition: background-color .5s
    }
    .topic_controls__JziLD {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 1em;
        justify-content: space-evenly
    }
    @media (max-width:800px) {
        .topic_root__71QQk {
            flex-direction: column
        }
        .topic_root__71QQk>aside {
            flex-direction: row;
            gap: 1em
        }
        .topic_root__71QQk>main {
            height: 100%;
            justify-content: flex-start
        }
        .topic_controls__JziLD {
            flex-direction: row
        }
    }

.gradio-container-5-15-0 .prose * {
  color: unset;
}