html {
    font-family: Inter, sans-serif;
    line-height: 1.5;
    counter-reset: sidenote-counter;
    margin: 0;
    accent-color: rgb(22, 163, 74);
}

body {
    color: rgb(63, 63, 70);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

p {
    margin: 0;
}

h1,
h2,
h3 {
    margin-bottom: 1rem;
    margin-top: 2.5rem;
    font-weight: 600;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1rem;
}

a {
    color: rgb(22, 163, 74);
    text-decoration: underline;
}

pre {
    border-radius: 0.375rem;
    padding: 0.5rem;
    border: 1px #e5e7eb solid;
    color: rgb(38, 38, 38);
    margin-bottom: 1.5rem;
}

code {
    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-size: 0.875rem;
    background-color: #e9e9e9;
    border-radius: 3px;
    padding: 2px 5px;
    vertical-align: middle;
}

pre code {
    background-color: transparent;
    border-radius: 0px;
    padding: 0px;
    vertical-align: baseline;
}

hr {
    border: none;
    height: 1px;
    background-color: #e5e7eb;
    margin-bottom: 1.5rem;
}

ul ul {
    text-indent: 1rem;
}

ul ul ul {
    text-indent: 2rem;
}

ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
}

@media (min-width: 1024px) {
    ol {
        list-style-position: outside;
    }
}

ul {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
}

@media (min-width: 1024px) {
    ul {
        list-style-position: outside;
    }
}

img {
    max-width: 100%;
}

.header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.markdownContent {
    margin-bottom: 3rem;
}

.footer {
    display: flex;
    justify-content: flex-end;
}

.markdownContent>.fitText,
.markdownContent>p,
.markdownContent>ul,
.markdownContent>ol,
.markdownContent>video,
.markdownContent>iframe,
.markdownContent>hr,
.markdownContent>table {
    margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {

    .markdownContent>.fitText,
    .markdownContent>p,
    .markdownContent>ul,
    .markdownContent>ol,
    .markdownContent>video,
    .markdownContent>iframe,
    .markdownContent>hr,
    .markdownContent>table {
        width: 66.666667%;
    }
}

h1#table-of-contents+ul,
h1#table-of-contents+ul ul {
    list-style-type: none;
}

.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .container {
        width: 83.333333%;
        max-width: 64rem;
    }
}

/* Sidenote */
.sidenote-ref::after {
    counter-increment: sidenote-counter;
    content: counter(sidenote-counter);
}

.sidenote-ref+.sidenote::before {
    content: counter(sidenote-counter) " ";
    font-size: 0.75rem;
    vertical-align: super;
}

.sidenote {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    float: left;
}

@media (min-width: 1024px) {
    .sidenote {
        width: 50%;
        margin-right: -60%;
        padding: 0;
        float: right;
        clear: right;
    }
}

/* Syntax highlighting */
pre>code.sourceCode {
    white-space: pre;
    position: relative;
    font-size: 0.9rem;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

pre>code.sourceCode>span {
    display: inline-block;
    line-height: 1.25;
}

pre>code.sourceCode>span:empty {
    height: 1.2em;
}

.sourceCode {
    overflow: visible;
}

code.sourceCode>span {
    color: inherit;
    text-decoration: inherit;
}

div.sourceCode {
    margin: 1em 0;
}

pre.sourceCode {
    margin: 0;
}

@media screen {
    div.sourceCode {
        overflow: auto;
    }
}

@media print {
    pre>code.sourceCode {
        white-space: pre-wrap;
    }

    pre>code.sourceCode>span {
        text-indent: -5em;
        padding-left: 5em;
    }
}

pre.numberSource code {
    counter-reset: source-line 0;
}

pre.numberSource code>span {
    position: relative;
    left: -4em;
    counter-increment: source-line;
}

pre.numberSource code>span>a:first-child::before {
    content: counter(source-line);
    position: relative;
    left: -1em;
    text-align: right;
    vertical-align: baseline;
    border: none;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 4px;
    width: 4em;
    color: #aaaaaa;
}

pre.numberSource {
    margin-left: 3em;
    border-left: 1px solid #aaaaaa;
    padding-left: 4px;
}

div.sourceCode {}

@media screen {
    pre>code.sourceCode>span>a:first-child::before {
        text-decoration: underline;
    }
}

code span.al {
    color: #ff0000;
    font-weight: bold;
}

code span.an {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}

code span.at {
    color: #7d9029;
}

code span.bn {
    color: #40a070;
}

code span.bu {
    color: #008000;
}

code span.cf {
    color: #007020;
    font-weight: bold;
}

code span.ch {
    color: #4070a0;
}

code span.cn {
    color: #880000;
}

code span.co {
    color: #60a0b0;
    font-style: italic;
}

code span.cv {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}

code span.do {
    color: #ba2121;
    font-style: italic;
}

code span.dt {
    color: #902000;
}

code span.dv {
    color: #40a070;
}

code span.er {
    color: #ff0000;
    font-weight: bold;
}

code span.ex {}

code span.fl {
    color: #40a070;
}

code span.fu {
    color: #06287e;
}

code span.im {
    color: #008000;
    font-weight: bold;
}

code span.in {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}

code span.kw {
    color: #007020;
    font-weight: bold;
}

code span.op {
    color: #2f2f2f;
}

code span.ot {
    color: #007020;
}

code span.pp {
    color: #bc7a00;
}

code span.sc {
    color: #4070a0;
}

code span.ss {
    color: #bb6688;
}

code span.st {
    color: #4070a0;
}

code span.va {
    color: #19177c;
}

code span.vs {
    color: #4070a0;
}

code span.wa {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}