:root { 
    --color-light:#ededed;
    --color-dark:#1b1b1b;
    --font-cyrillic: Helvetica, Arial, san-serif;
}
::selection {
  color: white;
  background-color: blue;
}
body { 
    font-family: "YuGothic", "Yu Gothic", san-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7em;
    max-width: 45em;
    margin: 0 auto;
    margin-bottom: 10em;
    background-color: var(--color-light);
    color: var(--color-dark);
}
header {
    font-family: "Menlo", "Consolas", monospace;
    font-size: 4em;
    font-weight: bold;
    padding: 1em 0 0.5em 0;
    border-bottom: 2px solid;
}
header a {
    text-decoration: none;
    color: inherit;
}
main a {
    color: inherit;
}
main a:hover {
    text-decoration: none;
    background: var(--color-dark);
    color: var(--color-light);
}
main a[href^="http"]:after {
    content: "⧉";
    display: inline-block;
    font-size: 1em;
    margin-left: 0.1em;
}
main table {
    margin: 1em 0 1em 0;
}
main th{
    font-weight: normal;
}
main blockquote {
    border-left: 0.25em solid var(--color-dark);
    padding-left: 1em;
}
main cite {
    display: block;
    text-align: right;
    padding-top: 1em;
    font-size: 0.8em;
}
main .cyrillic {
    font-family: var(--font-cyrillic);
}
footer {
    border-top: 2px solid;
    padding-top: 0.5em;
}
footer a {
    color: inherit;
}
footer a:hover {
    text-decoration: none;
    background: var(--color-dark);
    color: var(--color-light);
}

@media (max-width: 45em) {
    body { 
        font-size: 1em;
        padding: 0 0.5em;
        border: none;
    }
    main blockquote {
        margin-left: 1em;
    }
}