mozz-env by xjix

/* ==UserStyle==
@name         mozz-env
@version      20211119.16.09
@namespace    userstyles.world/user/xjix
@description  a small stylesheet for http-gemini proxy
@author       xjix
@license      CC Zero
==/UserStyle== */

@-moz-document domain("portal.mozz.us") {
    @import url(https://kopimi.xj-ix.luxe/static/theme-obsidian.css);
    /**
    @import url(https://kopimi.xj-ix.luxe/static/theme-apollo.css);
    @import url(https://kopimi.xj-ix.luxe/static/theme-cobalt.css);
    @import url(https://kopimi.xj-ix.luxe/static/theme-garden.css);
    @import url(https://kopimi.xj-ix.luxe/static/theme-park-computer.css);
    @import url(https://kopimi.xj-ix.luxe/static/theme-kawaii.css);
    * works with any 100r environment theme https://github.com/hundredrabbits/Themes */

    /*! we fly with our spirit * public domain * //xj-ix.luxe/wiki/chaotic-software/ **/

    /* blocks */

    body {
        background-color: var(--background); }

    body,
    pre {
        font-size: 18px; }

    main,
    aside {
        background-color: var(--background);
        color: var(--f_high);
        border-width: 1ch;
        border-style: double;
        border-color: var(--b_med);
        line-height: 1.5rem; }

    aside {
        border-style: solid;
        border-width: 1px; }

    pre {
        white-space: pre-wrap;
        -moz-tab-size: 2;
        -o-tab-size: 2;
        tab-size: 2; }

    hr {
        color: var(--b_inv);
        border-width: 1px;
        border-style: solid;
        border-color: var(--b_inv);
        margin-top: 1rem;
        margin-bottom: 1rem; }

    ul {
        list-style-type: disc;
        margin-bottom: 1rem; }

    blockquote {
        background-color: var(--b_low);
        border-left-width: 2px;
        border-left-style: solid;
        border-left-color: var(--b_med);
        padding: 0.5ch 1ch;
        white-space: normal;
        margin: 0 0 -1.5rem; }

    code {
        word-wrap: break-word; }

    iframe {
        max-width: 100%;
        width: 800px;
        height: 600px;
        display: block;
        margin-left: auto;
        margin-right: auto; }

    img {
        max-width: 100%; }

    /* elements */

    h1,
    h2,
    h3,
    a[role="heading"] {
        color: var(--f_low); }

    h1,
    a[role="heading"][aria-level="1"] {
        font-size: 2rem;
        line-height: 2.25rem; }

    h2,
    a[role="heading"][aria-level="2"] {
        font-variant: small-caps;
        font-size: 1.75rem;
        line-height: 2rem; }

    h3,
    a[role="heading"][aria-level="3"] {
        font-size: 1.5rem;
        line-height: 1.75rem; }

    a[href],
    a[role="link"] {
        color: var(--b_inv); }

    a[href]:visited,
    a[role="link"]:visited {
        color: var(--f_inv); }

    ul li {
        margin-left: 1rem;
        line-height: 1.5rem; }

    /* mozz fixes */

    body {
        padding: 1rem;
        background-color: var(--background);
        color: var(--f_high);
        border-width: 1ch;
        border-style: double;
        border-color: var(--b_med);
        line-height: 1.5rem; }

}