.code {
    padding: 15px;
}

body {
    max-width: calc(min(760px, 100%));
    padding: 25px;
    margin: auto;
    font-family: 'Work Sans', sans-serif;;
    text-align: justify;
    font-optical-sizing: auto;
    font-style: normal;
}

table {
  border-collapse: collapse;
}

td, th {
  text-align: left;
  padding: 8px;
}

.article {
    padding: 10px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.code {
    overflow-x: auto;
    font-family: "Anonymous Pro", monospace;
}

@media (prefers-color-scheme: light) {
    body {

    }
    .code {
        background-color: #eeebeb;
    }
    td, th {
	border: 1px solid black;
    }
    .nav-bar {
	background-color: #eee;
    }
    .article {
	background-color: #eee;
    }
    a:link {
	color: #268bd2;
    }
    a:visited {
	color: #268bd2;
    }
    .code {
color: #586E75;
background-color: #FDF6E3;
}
.constant.character.escape {
color: #DC322F;
}
.string.regexp {
color: #2AA198;
}
.function {
color: #268BD2;
}
.markup.heading.1 {
color: #268BD2;
}
.keyword.control.conditional {
color: #859900;
}
.constant {
color: #2AA198;
}
.type.builtin {
color: #B58900;
}
.keyword.operator {
color: #859900;
}
.tag.builtin {
color: #D33682;
}
.markup.link.url {
color: #B58900;
}
.markup.link.text {
color: #DC322F;
}
.markup.heading.5 {
color: #268BD2;
}
.string.special.path {
color: #2AA198;
}
.markup.list.checked {
color: #DC322F;
}
.markup.heading.3 {
color: #268BD2;
}
.keyword {
color: #859900;
}
.comment.block {
color: #93A1A1;
}
.markup.strikethrough {
}
.attribute {
color: #6C71C4;
}
.string {
color: #2AA198;
}
.special {
color: #CB4B16;
}
.constant.numeric.float {
color: #2AA198;
}
.keyword.storage.modifier {
color: #859900;
}
.markup.list.unnumbered {
color: #DC322F;
}
.markup.heading {
color: #268BD2;
}
.diff.delta {
color: #CB4B16;
}
.markup.bold {
color: #B58900;
}
.keyword.control.return {
color: #859900;
}
.keyword.storage.type {
color: #859900;
}
.diff.delta.moved {
color: #CB4B16;
}
.type.enum.variant {
color: #B58900;
}
.markup.heading.2 {
color: #268BD2;
}
.function.method {
color: #268BD2;
}
.constant.builtin {
color: #2AA198;
}
.type.enum {
color: #B58900;
}
.type {
color: #B58900;
}
.keyword.function {
color: #859900;
}
.namespace {
color: #6C71C4;
}
.markup.raw.block {
color: #859900;
}
.function.macro {
color: #D33682;
}
.markup.list {
color: #DC322F;
}
.markup.raw {
color: #859900;
}
.function.builtin {
color: #268BD2;
}
.string.special {
color: #2AA198;
}
.constant.numeric {
color: #2AA198;
}
.keyword.control {
color: #859900;
}
.keyword.directive {
color: #CB4B16;
}
.label {
color: #859900;
}
.keyword.control.import {
color: #859900;
}
.keyword.control.exception {
color: #859900;
}
.comment.line {
color: #93A1A1;
}
.variable.builtin {
color: #2AA198;
}
.tag {
color: #D33682;
}
.comment {
color: #93A1A1;
}
.markup.quote {
color: #2AA198;
}
.markup.list.unchecked {
color: #DC322F;
}
.markup.raw.inline {
color: #859900;
}
.constant.builtin.boolean {
color: #2AA198;
}
.string.special.symbol {
color: #2AA198;
}
.keyword.storage {
color: #859900;
}
.constant.character {
color: #2AA198;
}
.function.special {
color: #D33682;
}
.constant.numeric.integer {
color: #2AA198;
}
.comment.block.documentation {
color: #93A1A1;
}
.diff.minus {
color: #DC322F;
}
.markup.heading.marker {
color: #268BD2;
}
.diff.plus {
color: #859900;
}
.markup.heading.4 {
color: #268BD2;
}
.markup.heading.6 {
color: #268BD2;
}
.markup.italic {
color: #D33682;
}
.markup.list.numbered {
color: #DC322F;
}
.constructor {
color: #268BD2;
}
.keyword.control.repeat {
color: #859900;
}
.operator {
color: #859900;
}
.string.special.url {
color: #2AA198;
}

}

@media (prefers-color-scheme: dark) {
    code {
        background-color: #454545;
        font-family: "Anonymous Pro", monospace;
    }
    body {
	color: white;
	background-color: #1e1e1e;
    }
    td, th {
	border: 1px solid white;
    }
    .nav-bar {
	background-color: #303030;
    }
    .article {
	background-color: #303030;
    }
    a:link {
	color: #2892fc;
    }
    a:visited {
	color: #2892fc;
    }
    .code {
color: #93A1A1;
background-color: #002B36;
}
.type {
color: #B58900;
}
.markup.list.unnumbered {
color: #DC322F;
}
.diff.plus {
color: #859900;
}
.diff.minus {
color: #DC322F;
}
.markup.bold {
color: #B58900;
}
.keyword.operator {
color: #859900;
}
.string.special.url {
color: #2AA198;
}
.keyword.control.exception {
color: #859900;
}
.constant.builtin {
color: #2AA198;
}
.string {
color: #2AA198;
}
.markup.heading.6 {
color: #268BD2;
}
.constant.numeric {
color: #2AA198;
}
.label {
color: #859900;
}
.attribute {
color: #6C71C4;
}
.type.enum.variant {
color: #B58900;
}
.operator {
color: #859900;
}
.function.macro {
color: #D33682;
}
.function.special {
color: #D33682;
}
.type.enum {
color: #B58900;
}
.markup.heading.2 {
color: #268BD2;
}
.markup.list.numbered {
color: #DC322F;
}
.constant {
color: #2AA198;
}
.tag.builtin {
color: #D33682;
}
.constructor {
color: #268BD2;
}
.markup.link.url {
color: #B58900;
}
.string.special.path {
color: #2AA198;
}
.markup.heading.marker {
color: #268BD2;
}
.tag {
color: #D33682;
}
.keyword.function {
color: #859900;
}
.markup.heading.4 {
color: #268BD2;
}
.constant.builtin.boolean {
color: #2AA198;
}
.keyword.control.repeat {
color: #859900;
}
.constant.character {
color: #2AA198;
}
.markup.strikethrough {
}
.markup.heading.1 {
color: #268BD2;
}
.markup.heading {
color: #268BD2;
}
.comment {
color: #586E75;
}
.keyword.storage.type {
color: #859900;
}
.markup.heading.5 {
color: #268BD2;
}
.markup.raw.inline {
color: #859900;
}
.function.method {
color: #268BD2;
}
.markup.heading.3 {
color: #268BD2;
}
.keyword.control {
color: #859900;
}
.diff.delta {
color: #CB4B16;
}
.keyword.control.import {
color: #859900;
}
.markup.raw {
color: #859900;
}
.markup.link.text {
color: #DC322F;
}
.special {
color: #CB4B16;
}
.namespace {
color: #6C71C4;
}
.variable.builtin {
color: #2AA198;
}
.string.special {
color: #2AA198;
}
.comment.block.documentation {
color: #586E75;
}
.keyword.storage.modifier {
color: #859900;
}
.keyword.control.conditional {
color: #859900;
}
.markup.list.unchecked {
color: #DC322F;
}
.markup.raw.block {
color: #859900;
}
.diff.delta.moved {
color: #CB4B16;
}
.type.builtin {
color: #B58900;
}
.string.special.symbol {
color: #2AA198;
}
.string.regexp {
color: #2AA198;
}
.markup.list.checked {
color: #DC322F;
}
.markup.list {
color: #DC322F;
}
.keyword.storage {
color: #859900;
}
.keyword.directive {
color: #CB4B16;
}
.function.builtin {
color: #268BD2;
}
.constant.numeric.float {
color: #2AA198;
}
.constant.character.escape {
color: #DC322F;
}
.keyword {
color: #859900;
}
.constant.numeric.integer {
color: #2AA198;
}
.keyword.control.return {
color: #859900;
}
.function {
color: #268BD2;
}
.comment.line {
color: #586E75;
}
.markup.italic {
color: #D33682;
}
.markup.quote {
color: #2AA198;
}
.comment.block {
color: #586E75;
}

}