#pebble-flag {all:revert; font-weight:bold; color: #DD6F48}
h2 {font-size: revert}
h3 {font-size: revert}
h4 {font-size: revert}
h2::before {content: unset}
h3::before {content: unset}
h4::before {content: unset}

body {
    /* max-width: 80ch; */
    /* margin: auto; */
    counter-reset: fnref fn;
    /* background-color: #282828; */
    /* color: #fdf4c1 */
}

.fnref::before {
    counter-increment: fnref;
    content: counter(fnref)
}

pre > code {
    border-radius: 5px;
}

.fn::before {
    counter-increment: fn;
    content: counter(fn) '. ';
}

li {
    padding-bottom: 10px;
}

.fn {
    float: right;
    clear: right;
    margin-right: -38ch;
    width: 35ch;
    margin-top: 0.3rem;
    margin-bottom: 0;
    font-size: .85rem;
    line-height: 1.3;
    vertical-align: baseline;
    position: relative;
    color: #928374;
    border-left: 1px solid;
    padding-left: 1ch;
}


@media (max-width: 154ch) {
    .fn {
        display: block;
        float: left;
        left: 1rem;
        clear: both;
        width: 95%;
        margin: 1rem 2.5%;
        vertical-align: baseline;
        position: relative;
        color: #928374;
        border-left: unset;
        padding-left: revert;
    }
}