@font-face {
    font-family: Mononoki;
    src: url('mononoki-Regular.otf');
}

html {
    box-sizing: border-box;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
}

a {
    color: #000088;
    font-weight: bold;
}

a:visited {
    color: #444488;
    font-weight: bold;
}

body.dark a {
    color: #8888ff;
    font-weight: bold;
}

body.dark a:visited {
    color:#6666aa;
    font-weight: bold;
}

body.dark {
    background-color: #0d1117;
    color:white;
}

pre {
    font-family: monospace;
    white-space:pre-wrap;
    word-break: break-all;
}

pre.text {
    font-family: Mononoki;
}

span.code {
    font-family: monospace;
    background-color: #eff1f3;
    padding: 0px 5px;
    border-radius:4px;
    border: solid 1px black;
    margin: 0px 5px;
}

body.dark span.code {
    background-color: #343941;
}

@media screen and (orientation: portrait) {
    html {
        font-size: 3vw;
    }
    body {
        margin: 0 5vw;
    }
    h1 {
        font-size: 4vw;
    }
    pre {
        width: 100%;
    }

    pre.w40 {
        font-size: 2.5vw;
    }

    pre.w80 {
        font-size: 2vw;
    }
}

@media screen and (orientation: landscape) {
    html {
        font-size: 16px;
    }
    body {
        width: 90%;
        max-width: 100ch;
        margin: 32px auto;
    }

    pre.w40 {
        font-size: 0.9rem;
    }

    pre.w80 {
        font-size: 0.9rem;
    }
}