.flex {
    display: flex;
}

code {
    white-space: normal;
    overflow-wrap: anywhere;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
}

pre code {
    display: inline-block;
    max-width: 100%;
    overflow: scroll;
    white-space: pre;
}

a, a code {
    color: #af1f1f;
    overflow-wrap: anywhere;
    border: 0px;
    text-decoration: underline;
}

nav a::after,
.nolinktype a::after,
.sourceCode a::after,
a.footnote-ref::after,
a.footnote-back::after,
a[href^="/"]::after,
a[href^="./"]::after,
a[href^="../"]::after {
    content: "" !important;
}

a::after {
    color: #af1f1f88;
    content: "!!";
    font-variant-position: super;
    font-style: normal;
    font-weight: normal;
}

a[href^="#"]::after { content: "#"; }
a[href^="mailto:"]::after { content: "@"; }

a[href*="archive.org/details"]::after { content: "!arc"; }
a[href*="archiveofourown.org/"]::after { content: "!ao3"; }
a[href*="bitbucket.org/"]::after { content: "!src"; }
a[href*="codeberg.org/"]::after { content: "!src"; }
a[href*="doi.org/"]::after { content: "!sci"; }
a[href*="f-droid.org/"]::after { content: "!fdd"; }
a[href*="fandom.com/wiki/"]::after { content: "!fwi"; }
a[href*="fsf.org/"]::after { content: "!fsf"; }
a[href*="github.com/"]::after { content: "!src"; }
a[href*="gitlab.com/"]::after { content: "!src"; }
a[href*="gnu.org/"]::after { content: "!gnu"; }
a[href*="google.com/"]::after { content: "!ggl"; }
a[href*="googleblog.com/"]::after { content: "!ggl"; }
a[href*="grapheneos.org/"]::after { content: "!os"; }
a[href*="haskell.org/"]::after { content: "!hs"; }
a[href*="haskell.org/wiki"]::after { content: "!hsw"; }
a[href*="lesswrong.com/"]::after { content: "!lwg"; }
a[href*="mail-archive.com/"]::after { content: "!arc"; }
a[href*="microsoft.com/"]::after { content: "!ms"; }
a[href*="nixos.org/"]::after { content: "!os"; }
a[href*="orgmode.org/"]::after { content: "!org"; }
a[href*="patreon.com/"]::after { content: "$$$"; }
a[href*="pmc.ncbi.nlm.nih.gov/"]::after { content: "!sci"; }
a[href*="pubmed.ncbi.nlm.nih.gov/"]::after { content: "!sci"; }
a[href*="pypi.org/"]::after { content: "!py"; }
a[href*="python.org/"]::after { content: "!py"; }
a[href*="qubes-os.org/"]::after { content: "!os"; }
a[href*="rationalwiki.org/wiki/"]::after { content: "!rwi"; }
a[href*="reddit.com/"]::after { content: "!rdt"; }
a[href*="vimeo.com/"]::after { content: "!vo"; }
a[href*="wikidata.org/wiki/"]::after { content: "!wid"; }
a[href*="wikipedia.org/wiki/"]::after { content: "!wi"; }
a[href*="youtube.com/"]::after { content: "!yt"; }

a[href*="beepb00p.xyz/"]::after { content: "~k"; }
a[href*="gwern.net/"]::after { content: "~g"; }
a[href*="stephenwolfram.com/"]::after { content: "~w"; }

.center {
    margin-right: auto;
    margin-left: auto;
}

.navbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-inner {
    text-align: center;
}

.navbar .nav,
.navbar .nav > li,
.navbar .nav > span {
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    *zoom: 1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.navbar .nav > span {
    font-size: 120%;
    color: #ffffff;
    padding: 10px 15px 10px;
}

.navbar .nav > li > a {
    font-size: 120%;
}

ul.inline-totally,
ol.inline-totally {
    margin-left: 0;
    list-style: none;
    display: inline;
}

ul.inline-totally > li,
ol.inline-totally > li {
    display: inline;
    *display: inline;
    padding-right: 5px;
    padding-left: 5px;
    *zoom: 1;
}

time {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 13px;
    color: #110;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 6px;
    padding: 2px 4px;
}

pre {
    margin-top: 5px;
    margin-bottom: 5px;
}

code .co {
    color: #b22222;
}

blockquote p {
    margin-top: 1em;
}

p {
    text-align: justify;
}
.crypto {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 13px;
    color: #d14;
    line-break: anywhere;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
    padding: 2px 4px;
}

.tiles,
.tiles div,
.tiles figcaption {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}

.revlog div span {
    margin-left: 1em;
}

.directory {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 30px;
}
.directory div {
    width: 100%;
    display: flex;
}
.directory .modes {
    font-family: monospace;
    margin-right: 1em;
}
.directory .raw {
    min-width: 2em;
}
.directory .path {
    margin-left: 1em;
    margin-right: 1em;
}
.directory time {
    margin-left: auto;
}
