/* tilde.css: shared stylesheet for ~brennan's pubnix pages (moonflower).
   Per-host flavour: <body class="envs|green|cosmic">
   Key + wallet blocks: <div class="key"><p>label</p><pre>data</pre></div>
   ASCII banners: <pre class="ascii">
   No CSS variables. Light scheme is the default (old browsers get that),
   dark scheme is one media query at the bottom. */

html{color-scheme:light dark}
body{font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,Consolas,'DejaVu Sans Mono',monospace;font-size:100%;line-height:1.65;max-width:48em;max-width:80ch;margin:0 auto;padding:1em}
pre,code,kbd,samp{font-family:inherit}
pre{overflow-x:auto;padding:.6em}
code{padding:.15em .35em;overflow-wrap:anywhere}
pre code{padding:0;background:none}
img,video{max-width:100%;height:auto}
table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}
th,td{border:1px solid;padding:.35em .6em;text-align:left;vertical-align:top}
a{text-decoration:underline;text-underline-offset:.15em}
a:focus{outline:2px solid;outline-offset:2px}
blockquote{border-left:3px solid;margin-left:0;padding-left:1em}
hr{border:0;border-top:3px double;margin:1.8em 0}
.ascii{background:none;padding:0;line-height:1.2}
.key{border:1px solid;border-radius:6px;margin:1em 0;overflow:hidden}
.key p{margin:0;padding:.35em .8em;font-weight:bold}
.key pre{margin:0;font-size:.85em}

/* light (default) */
body{background:#faf8f4;color:#241f1a}
a{color:#1d4ed8}
a:visited{color:#6b21a8}
a:hover,a:active{color:#7c2d12}
pre,code{background:#f1ebe0}
blockquote,hr,th,td,.key{border-color:#dcd3c3}
th,.key p{background:#ece5d7}
tbody tr:nth-child(even){background:#f4efe6}
::selection{background:#1d4ed8;color:#faf8f4}
.cosmic{background:#f1eef9}
.envs{background:#f4f4ef}
.green{background:#eaf3e4}

@media(prefers-color-scheme:dark){
body{background:#262624;color:#eae5da}
a{color:#86baff}
a:visited{color:#d8b4fe}
a:hover,a:active{color:#fdba74}
pre,code{background:#161616}
blockquote,hr,th,td,.key{border-color:#404040}
th,.key p{background:#333}
tbody tr:nth-child(even){background:#1c1c1c}
::selection{background:#86baff;color:#262624}
.cosmic{background:#201e2e}
.envs{background:#22221e}
.green{background:#1a2718}
}