* { font-family: 'Lucida Console', Monaco, monospace; }

html {
    background: #161513;
    overflow-y: scroll; }
:root {
    --bgcolor: white;
    --fontcolor: #444;
    --linkcolor: #00e;
    --linkhover: #551a8b;
    --precolor: #fff;
    --prebgcolor: #000; }

@media (prefers-color-scheme: dark) {
    :root {
        --bgcolor: black;
        --fontcolor: #ddd;
        --linkcolor: #999;
        --linkhover: green;
        --precolor: #fff;
        --prebgcolor: #383838; } }

body {
    max-width: 800px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 0.9em;
    line-height: 1.5;
    color: var(--fontcolor);
    background: var(--bgcolor); }

a:link, a:visited, a:active {
    text-decoration: none;
    color: var(--linkcolor); }

a:hover {
    text-decoration: none;
    color: var(--linkhover); }

/*h1, h2, h3 { line-height: 1.2; }*/
h1, h2, h3, h4, h5, h6, strong { color: green; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

hr {
    color: var(--fontcolor);
    width: 100%; }

p > code {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding:2px; }

code {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding: 2px; }

pre {
    color: var(--precolor);
    background: var(--prebgcolor);
    padding: 1em;
    overflow-x: auto }

article { padding: 0.5em 0; }

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%; }

div.paginator { margin: 1.5em 0; }

ul.social {
    text-align: center;
    list-style-type: none;
    display: flex;
    flex-flow: row;
    padding: 0; }

li.social {
    text-align: center;
    list-style: none;
    flex-grow: 1;
    margin-right: 5px; }

li.social:last-child { margin-right: 0px; }

ul.tags {
    text-align: center;
    list-style-type: none;
    display: flex;
    flex-flow: row;
    padding: 0; }

li.tags {
    text-align: center;
    list-style: none;
    flex-grow: 1;
    margin-right: 5px; }

li.tags:last-child { margin-right: 0px; }

figcaption {
    color: #888;
    font: 12px/1.5 monospace;
    text-align: center; }

figure { margin: auto; }

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto; }

blockquote, .summary {
    background: #111;
    border-left: 5px solid #333;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019"; }

/*footer {
    bottom: 0;
    margin: 1rem 0;
    padding: 0; }
*/

time { font-weight: bold; }

nav { font-weight: bold; }

footer.contentinfo {
    font-weight: bold;
    display: inline;
    text-align: center;
    padding: 10px 0;
    margin-top: auto; }


.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { position: static; }

header.banner nav ul { display: inline; list-style: none; padding: 0; }
header.banner nav ul li { display: inline; }
header.banner .menu li::after { content: "."; }
/*header.banner .feeds::before, header.banner .languages::before { content: " | "; }*/
/*header.banner .languages li::before { content: "["; }*/
/*header.banner .languages li::after { content: "]"; }*/
header.banner { border-bottom: 1px solid; }   /* вместо <hr> */

.tags ul, .tags li { display: inline; list-style: none; padding: 0; }
article > footer.article { border-top: 1px solid; }   /* вместо <hr> */
aside h2 { text-transform: uppercase; }

nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0; }

nav li { display: inline; }
header .menu li::after { content: "."; }
header .feeds::before,
header .languages::before { content: " | "; }
header .languages li::before { content: "["; }
header .languages li::after { content: "]"; }

.tags ul, .tags li { display: inline; }
footer.contentinfo li::before { content: "["; }
footer.contentinfo li::after { content: "]"; }

nav.footerlinks ul::before { content: "⋅"; }
span.authors::before { content: "⋅ "; }
p.footerlinks { display: inline; }
nav.footerlinks { display: inline; }
ul.footerlinks { display: inline; }

h2.sum { margin-bottom: 0; }

nav.mainnav { margin: 10px; }

ul.feeds { text-transform: uppercase; }