@font-face {
  font-family: 'FiraCode';
  src: url('/FiraCodeNerdFont-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
  color: #282828;
  background-color: #fbf1c7;
  font-family: "FiraCode", monospace;
  font-size: 14px;
}

code {
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

footer {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  margin: 0;
}

#blob-img {
  max-width: 600px;
}

img,
h1,
h2 {
  vertical-align: middle;
}

a:target {
  background-color: #ccc;
}

img {
  border: 0;
}

a.d,
a.h,
a.i,
a.line {
  text-decoration: none;
}


a {
  color: #b57614;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#blob a {
  color: #777;
}

#blob a:hover {
  color: blue;
  text-decoration: none;
}

table thead td {
  font-weight: bold;
}

table td {
  padding: 0 0.4em;
}

#content table td {
  vertical-align: top;
  white-space: nowrap;
}

#branches tr:hover td,
#tags tr:hover td,
#index tr:hover td,
#log tr:hover td,
#files tr:hover td {
  background-color: #f9f5d7;
}

#index tr td:nth-child(2),
#tags tr td:nth-child(3),
#branches tr td:nth-child(3),
#log tr td:nth-child(2) {
  white-space: normal;
}

td.num {
  text-align: right;
}

.desc {
  color: #928374;
}

hr {
  border: 0;
  border-top: 1px solid #777;
  height: 1px;
}

pre {
  font-family: "FiraCode", monospace;
}

pre a.h {
  color: #427b58;
}

.A,
span.i,
pre a.i {
  color: #79740e;
}

.D,
span.d,
pre a.d {
  color: #9d0006;
}

pre a.h:hover,
pre a.i:hover,
pre a.d:hover {
  text-decoration: none;
}

/* chroma light */
.chroma {
  color: #3c3836;
  background-color: #fbf1c7;
}

.chroma .lnlinks {
  outline: none;
  text-decoration: none;
  color: inherit
}

.chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .lntable {
  border-spacing: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.chroma .hl {
  background-color: #e1d8b3
}

.chroma .lnt {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #9d9b9a
}

.chroma .ln {
  white-space: pre;
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #9d9b9a
}

.chroma .line {
  display: flex;
}

.chroma .k {
  color: #af3a03
}

.chroma .kc {
  color: #af3a03
}

.chroma .kd {
  color: #af3a03
}

.chroma .kn {
  color: #af3a03
}

.chroma .kp {
  color: #af3a03
}

.chroma .kr {
  color: #af3a03
}

.chroma .kt {
  color: #b57614
}

.chroma .na {
  color: #79740e;
  font-weight: bold
}

.chroma .no {
  color: #d3869b
}

.chroma .ni {
  color: #b57614
}

.chroma .ne {
  color: #fb4934
}

.chroma .nl {
  color: #9d0006
}

.chroma .nt {
  color: #9d0006
}

.chroma .nb {
  color: #b57614
}

.chroma .bp {
  color: #b57614
}

.chroma .nf {
  color: #b57614
}

.chroma .fm {
  color: #b57614
}

.chroma .s {
  color: #79740e
}

.chroma .sa {
  color: #79740e
}

.chroma .sb {
  color: #79740e
}

.chroma .sc {
  color: #79740e
}

.chroma .dl {
  color: #79740e
}

.chroma .sd {
  color: #79740e
}

.chroma .s2 {
  color: #79740e
}

.chroma .se {
  color: #79740e
}

.chroma .sh {
  color: #79740e
}

.chroma .si {
  color: #79740e
}

.chroma .sx {
  color: #79740e
}

.chroma .sr {
  color: #79740e
}

.chroma .s1 {
  color: #79740e
}

.chroma .ss {
  color: #076678
}

.chroma .m {
  color: #8f3f71
}

.chroma .mb {
  color: #8f3f71
}

.chroma .mf {
  color: #8f3f71
}

.chroma .mh {
  color: #8f3f71
}

.chroma .mi {
  color: #8f3f71
}

.chroma .il {
  color: #8f3f71
}

.chroma .mo {
  color: #8f3f71
}

.chroma .o {
  color: #af3a03
}

.chroma .ow {
  color: #af3a03
}

.chroma .c {
  color: #928374;
  font-style: italic
}

.chroma .ch {
  color: #928374;
  font-style: italic
}

.chroma .cm {
  color: #928374;
  font-style: italic
}

.chroma .c1 {
  color: #928374;
  font-style: italic
}

.chroma .cs {
  color: #928374;
  font-style: italic
}

.chroma .cp {
  color: #427b58
}

.chroma .cpf {
  color: #427b58;
  font-style: italic
}

.chroma .gd {
  color: #282828;
  background-color: #9d0006
}

.chroma .ge {
  color: #076678;
  text-decoration: underline
}

.chroma .gr {
  background-color: #9d0006;
  font-weight: bold
}

.chroma .gh {
  color: #79740e;
  font-weight: bold
}

.chroma .gi {
  color: #282828;
  background-color: #79740e
}

.chroma .go {
  color: #504945
}

.chroma .gu {
  color: #79740e;
  font-weight: bold
}

.chroma .gt {
  background-color: #3c3836;
  font-weight: bold
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #282828;
    color: #ebdbb2;
  }

  hr {
    border-color: #222;
  }

  a {
    color: #fabd2f;
  }

  a:target {
    background-color: #222;
  }

  .desc {
    color: #928374;
  }

  #blob a {
    color: #555;
  }

  #blob a:target {
    color: #eee;
  }

  #blob a:hover {
    color: #fabd2f;
  }

  pre a.h {
    color: #8ec08c;
  }

  .A,
  span.i,
  pre a.i {
    color: #b8bb26;
  }

  .D,
  span.d,
  pre a.d {
    color: #fb4934;
  }

  #branches tr:hover td,
  #tags tr:hover td,
  #index tr:hover td,
  #log tr:hover td,
  #files tr:hover td {
    background-color: #1d2021;
  }

  /* 	chroma dark */
  .chroma {
    color: #ebdbb2;
    background-color: #282828;
  }

  .chroma .lnlinks {
    outline: none;
    text-decoration: none;
    color: inherit
  }

  .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .chroma .hl {
    background-color: #3d3d3d
  }

  .chroma .lnt {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #756d59
  }

  .chroma .ln {
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #756d59
  }

  .chroma .line {
    display: flex;
  }

  .chroma .k {
    color: #fe8019
  }

  .chroma .kc {
    color: #fe8019
  }

  .chroma .kd {
    color: #fe8019
  }

  .chroma .kn {
    color: #fe8019
  }

  .chroma .kp {
    color: #fe8019
  }

  .chroma .kr {
    color: #fe8019
  }

  .chroma .kt {
    color: #fabd2f
  }

  .chroma .na {
    color: #b8bb26;
    font-weight: bold
  }

  .chroma .no {
    color: #d3869b
  }

  .chroma .ni {
    color: #fabd2f
  }

  .chroma .ne {
    color: #fb4934
  }

  .chroma .nl {
    color: #fb4934
  }

  .chroma .nt {
    color: #fb4934
  }

  .chroma .nb {
    color: #fabd2f
  }

  .chroma .bp {
    color: #fabd2f
  }

  .chroma .nf {
    color: #fabd2f
  }

  .chroma .fm {
    color: #fabd2f
  }

  .chroma .s {
    color: #b8bb26
  }

  .chroma .sa {
    color: #b8bb26
  }

  .chroma .sb {
    color: #b8bb26
  }

  .chroma .sc {
    color: #b8bb26
  }

  .chroma .dl {
    color: #b8bb26
  }

  .chroma .sd {
    color: #b8bb26
  }

  .chroma .s2 {
    color: #b8bb26
  }

  .chroma .se {
    color: #b8bb26
  }

  .chroma .sh {
    color: #b8bb26
  }

  .chroma .si {
    color: #b8bb26
  }

  .chroma .sx {
    color: #b8bb26
  }

  .chroma .sr {
    color: #b8bb26
  }

  .chroma .s1 {
    color: #b8bb26
  }

  .chroma .ss {
    color: #83a598
  }

  .chroma .m {
    color: #d3869b
  }

  .chroma .mb {
    color: #d3869b
  }

  .chroma .mf {
    color: #d3869b
  }

  .chroma .mh {
    color: #d3869b
  }

  .chroma .mi {
    color: #d3869b
  }

  .chroma .il {
    color: #d3869b
  }

  .chroma .mo {
    color: #d3869b
  }

  .chroma .o {
    color: #fe8019
  }

  .chroma .ow {
    color: #fe8019
  }

  .chroma .c {
    color: #928374;
    font-style: italic
  }

  .chroma .ch {
    color: #928374;
    font-style: italic
  }

  .chroma .cm {
    color: #928374;
    font-style: italic
  }

  .chroma .c1 {
    color: #928374;
    font-style: italic
  }

  .chroma .cs {
    color: #928374;
    font-style: italic
  }

  .chroma .cp {
    color: #8ec07c
  }

  .chroma .cpf {
    color: #8ec07c;
    font-style: italic
  }

  .chroma .gd {
    color: #282828;
    background-color: #fb4934
  }

  .chroma .ge {
    color: #83a598;
    text-decoration: underline
  }

  .chroma .gr {
    background-color: #fb4934;
    font-weight: bold
  }

  .chroma .gh {
    color: #b8bb26;
    font-weight: bold
  }

  .chroma .gi {
    color: #282828;
    background-color: #b8bb26
  }

  .chroma .go {
    color: #504945
  }

  .chroma .gu {
    color: #b8bb26;
    font-weight: bold
  }

  .chroma .gt {
    background-color: #fb4934;
    font-weight: bold
  }
}

/* centered */
/* Header and footer */
header nav table {
  width: 100%;
}

.logo img {
  max-width: 3em;
  margin: 0 0 0 0;
}

.links {
  text-align: right;
  font-weight: bold;
}

.links a {
  font-weight: bold;
  color: black;
}

footer table {
  font-style: italic;
  width: 100%;
}

.hosted {
  text-align: right;
}

.hosted a,
.contact a {
  font-weight: bold;
}

/* Content */
html {
  margin: 1em auto;
  max-width: 52em;
  font-family: sans-serif
}

h1 {
  font-size: 1.8em;
  text-align: center;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.05em;
}

body {
  margin: auto 8px 20px 8px;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

pre {
  border: 2px solid;
  padding:
    6px;
  overflow-x: auto;
}

pre code {
  padding: 0px;
}

code {
  padding: 2px;
}

#blob {
  border: none;
}

/* Tables */
table {
  width: 100%;
}

td h1 {
  text-align: left;
  font-size: 1.5em;
}

#files td {
  /* 	font-family: monospace; */
  font-size: 1.2em;
  min-width: 7em;
}

/* .url td {
	font-family: monospace;
} */

table tr td a img {
  min-width: 33px;
}

#blob {
  background-color: #f9f5d7;
}

.chroma {
  background-color: #f9f5d7;
}

.chroma {
  border: none;
}

footer {
  text-align: left;
}

pre {
  border: none;
  background: #f9f5d7;
}

#md {
  background-color: #f9f5d7;
  padding: 1em;
}

@media (prefers-color-scheme: dark) {
  #blob {
    background-color: #1d2021;
  }

  .chroma {
    background-color: #1d2021;
  }

  pre {
    background: #1d2021;
  }

  #md {
    background-color: #1d2021;
  }
}