html {
    font-size: 16px;
}

body {
    margin: auto;
    max-width: 80ch;
    font-size: 1rem;
    line-height: 1.6;
    font-family:Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    color: #d3d0c8;
    background-color: #2d2d2d;
    padding: 1rem;
}

h1, h2, h3 {
    font-weight: bold;
    font-size: 1em;
}

h1 {
    border-bottom: 4px solid #d3d0c8;
    border-top: 4px solid #d3d0c8;
    padding-top: 0.5em;
}

h2 {
    border-bottom: 2px solid #d3d0c8;
}

h1::before {
    content: "# ";
}

h2::before {
    content: "## ";
}

h3::before {
    content: "### ";
}

a {
    text-decoration: none;
    border-bottom: 1px solid #cd98cd;
    color: #d3d0c8;
}

a:not(.internal)::after {
    content: " " url("/link.svg");
}

a.external::after {
    content: " [" attr(href) "]" url("/link.svg");
    color: #ffcd5d;
}

nav a {
    color: #ffcd5d;
}

nav a::after {
    content: " " url("/link.svg");
}

div.table-wrapper {
    overflow-x: auto;
}

div.table-wrapper table {
    border-collapse: collapse;
}

div.table-wrapper table, th, td {
    padding: 0.5em;
}

div.table-wrapper th {
    border-bottom: 2px solid #d3d0c8;
}

div.table-wrapper td {
    border: 1px solid #d3d0c8;
}

div.table-wrapper table tr td:first-child {
    border-left: 0;
}

div.table-wrapper table tr td:last-child {
    border-right: 0;
}

div.table-wrapper table tr:last-child td {
    border-bottom: 0;
}

div.table-wrapper tr:nth-child(even) {
    background-color: #353535;
}