.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 {
        border: 1px dashed black;
    }
    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: #FFFFFF;
}
.markup.list.unnumbered {
color: #D6000C;
}
.markup.list.checked {
color: #D6000C;
}
.comment {
color: #93A1A1;
}
.variable.builtin {
color: #00AD9C;
}
.string.special {
color: #00AD9C;
}
.markup.heading.5 {
color: #0064E4;
}
.markup.raw.block {
color: #1D9700;
}
.keyword.directive {
color: #D04A00;
}
.diff.delta.moved {
color: #C49700;
}
.tag {
color: #DD0F9D;
}
.markup.strikethrough {
}
.markup.raw {
color: #1D9700;
}
.keyword.control.conditional {
color: #1D9700;
}
.markup.italic {
color: #DD0F9D;
}
.constant.character {
color: #00AD9C;
}
.comment.block {
color: #93A1A1;
}
.keyword.control.repeat {
color: #1D9700;
}
.tag.builtin {
color: #DD0F9D;
}
.function.macro {
color: #DD0F9D;
}
.constant.numeric.float {
color: #00AD9C;
}
.markup.heading.6 {
color: #0064E4;
}
.type.enum.variant {
color: #C49700;
}
.constant.numeric.integer {
color: #00AD9C;
}
.function.builtin {
color: #0064E4;
}
.special {
color: #D04A00;
}
.diff.delta {
color: #C49700;
}
.constant.numeric {
color: #00AD9C;
}
.keyword.storage.modifier {
color: #1D9700;
}
.markup.list.unchecked {
color: #D6000C;
}
.comment.line {
color: #93A1A1;
}
.markup.list.numbered {
color: #D6000C;
}
.keyword.function {
color: #1D9700;
}
.function {
color: #0064E4;
}
.markup.heading.marker {
color: #0064E4;
}
.type {
color: #C49700;
}
.constant.builtin.boolean {
color: #00AD9C;
}
.markup.heading {
color: #0064E4;
}
.diff.minus {
color: #D6000C;
}
.markup.raw.inline {
color: #1D9700;
}
.keyword.storage {
color: #1D9700;
}
.keyword.storage.type {
color: #1D9700;
}
.namespace {
color: #7F51D6;
}
.attribute {
color: #7F51D6;
}
.type.builtin {
color: #C49700;
}
.label {
color: #1D9700;
}
.markup.link.url {
color: #C49700;
}
.diff.plus {
color: #1D9700;
}
.type.enum {
color: #C49700;
}
.string.special.path {
color: #00AD9C;
}
.string.special.url {
color: #00AD9C;
}
.comment.block.documentation {
color: #93A1A1;
}
.function.special {
color: #DD0F9D;
}
.markup.heading.2 {
color: #0064E4;
}
.markup.heading.3 {
color: #0064E4;
}
.markup.heading.4 {
color: #0064E4;
}
.keyword.control.exception {
color: #1D9700;
}
.operator {
color: #1D9700;
}
.string.regexp {
color: #00AD9C;
}
.constructor {
color: #0064E4;
}
.constant.character.escape {
color: #D6000C;
}
.constant.builtin {
color: #00AD9C;
}
.function.method {
color: #0064E4;
}
.keyword {
color: #1D9700;
}
.constant {
color: #00AD9C;
}
.string.special.symbol {
color: #00AD9C;
}
.keyword.control.import {
color: #1D9700;
}
.markup.heading.1 {
color: #0064E4;
}
.keyword.operator {
color: #1D9700;
}
.keyword.control {
color: #1D9700;
}
.markup.link.text {
color: #D6000C;
}
.string {
color: #00AD9C;
}
.markup.quote {
color: #00AD9C;
}
.markup.bold {
color: #C49700;
}
.markup.list {
color: #D6000C;
}
.keyword.control.return {
color: #1D9700;
}

}

@media (prefers-color-scheme: dark) {
    .code {
        border: 1px dashed white;
    }
    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: #1E1E1E;
}
.markup.heading {
color: #368AEB;
}
.special {
color: #E67F43;
}
.type.enum {
color: #DBB32D;
}
.diff.delta {
color: #DBB32D;
}
.keyword {
color: #70B433;
}
.label {
color: #70B433;
}
.operator {
color: #70B433;
}
.markup.list {
color: #ED4A46;
}
.keyword.storage.modifier {
color: #70B433;
}
.markup.list.unnumbered {
color: #ED4A46;
}
.keyword.operator {
color: #70B433;
}
.string {
color: #3FC5B7;
}
.constant.numeric.integer {
color: #3FC5B7;
}
.constant.builtin {
color: #3FC5B7;
}
.constant.numeric.float {
color: #3FC5B7;
}
.keyword.storage.type {
color: #70B433;
}
.function {
color: #368AEB;
}
.function.method {
color: #368AEB;
}
.attribute {
color: #A580E2;
}
.markup.raw {
color: #70B433;
}
.string.special.path {
color: #3FC5B7;
}
.markup.heading.3 {
color: #368AEB;
}
.markup.raw.block {
color: #70B433;
}
.type {
color: #DBB32D;
}
.markup.quote {
color: #3FC5B7;
}
.markup.list.checked {
color: #ED4A46;
}
.string.special {
color: #3FC5B7;
}
.keyword.control.conditional {
color: #70B433;
}
.markup.heading.marker {
color: #368AEB;
}
.markup.heading.4 {
color: #368AEB;
}
.comment.line {
color: #586E75;
}
.markup.strikethrough {
}
.string.special.url {
color: #3FC5B7;
}
.function.builtin {
color: #368AEB;
}
.keyword.control.repeat {
color: #70B433;
}
.constant.character.escape {
color: #ED4A46;
}
.keyword.function {
color: #70B433;
}
.markup.heading.2 {
color: #368AEB;
}
.diff.delta.moved {
color: #DBB32D;
}
.comment {
color: #586E75;
}
.keyword.control {
color: #70B433;
}
.markup.bold {
color: #DBB32D;
}
.type.builtin {
color: #DBB32D;
}
.type.enum.variant {
color: #DBB32D;
}
.keyword.control.return {
color: #70B433;
}
.markup.heading.1 {
color: #368AEB;
}
.namespace {
color: #A580E2;
}
.comment.block {
color: #586E75;
}
.markup.heading.6 {
color: #368AEB;
}
.keyword.storage {
color: #70B433;
}
.constant.numeric {
color: #3FC5B7;
}
.comment.block.documentation {
color: #586E75;
}
.markup.italic {
color: #EB6EB7;
}
.string.regexp {
color: #3FC5B7;
}
.tag {
color: #EB6EB7;
}
.diff.minus {
color: #ED4A46;
}
.string.special.symbol {
color: #3FC5B7;
}
.keyword.control.import {
color: #70B433;
}
.constant.character {
color: #3FC5B7;
}
.keyword.control.exception {
color: #70B433;
}
.constant {
color: #3FC5B7;
}
.tag.builtin {
color: #EB6EB7;
}
.function.special {
color: #EB6EB7;
}
.diff.plus {
color: #70B433;
}
.constructor {
color: #368AEB;
}
.markup.link.url {
color: #DBB32D;
}
.markup.link.text {
color: #ED4A46;
}
.constant.builtin.boolean {
color: #3FC5B7;
}
.variable.builtin {
color: #3FC5B7;
}
.keyword.directive {
color: #E67F43;
}
.function.macro {
color: #EB6EB7;
}
.markup.heading.5 {
color: #368AEB;
}
.markup.list.numbered {
color: #ED4A46;
}
.markup.list.unchecked {
color: #ED4A46;
}
.markup.raw.inline {
color: #70B433;
}

}