h1, h2 {
    color: rgb(0,0,128);
}
h1>a, h2>a {
    color: rgb(0,0,128);
    text-decoration: none;
}
h1>a {
    background-image: url(/static/images/duck.svg);
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
    padding-left: 1.4em;
}
div.pageheader {
    margin: 0;
    padding: 1em;
    background: rgb(204,207,229);
    background: linear-gradient(90deg, rgba(204,207,229,1) 0%, rgba(0,204,255,1) 0%, rgba(255,255,255,1) 100%);
}
html {
    font-family: "Fira Sans", sans-serif;
    background: white;
}
body {
    margin: 0;
}
div.post, div.postlinks, div.comments, div.commentform, div.thanksforcomment, div.navbox {
    margin: 1em;
}
table.commentform th {
    text-align: right;
    vertical-align: top;
    font-weight: normal;
}
table.commentform tr:has(#id_honeypot) {
    display: none;
}
ul.errorlist {
    color: red;
    margin: 0px;
    padding: 0px;
}
ul.errorlist>li {
    list-style-type: none;
}
blockquote.commentpreview {
    padding: 1em;
    background: lightgrey;
}
p.post-subheader {
    margin-top: 0.2em;
    font-size: 80%;
}
h2:has(+p.post-subheader) {
    margin-bottom: 0px;
}
a.tag {
    background: lightgrey;
    text-decoration: none;
    color: black;
    padding: 0.2em;
}
a.nav, span.nav {
    border: solid darkgrey;
    border-width: 2px 1px 2px 1px;
    padding: 0.5em;
}
a.nav:first-child, span.nav:first-child {
    border-radius: 0.5em 0.0em 0.0em 0.5em;
    border-left-width: 2px;
}
a.nav:last-child, span.nav:last-child {
    border-radius: 0.0em 0.5em 0.5em 0.0em;
    border-right-width: 2px;
}
span.nav {
    color: grey;
}
span.nav.position {
    color: black;
}
span.navbox {
    border-radius: 0.5em;
    display: inline-block;
}
div.navbox {
    text-align: center;
}
@font-face {
    font-family: "Fira Sans";
    font-weight: 400;
    src: local("Fira Sans"),
         url("firasans/FiraSans-Regular.ttf");
}
@font-face {
    font-family: "Fira Sans";
    font-weight: 700;
    src: local("Fira Sans"),
         url("firasans/FiraSans-Bold.ttf");
}
@font-face {
    font-family: "Fira Sans";
    font-weight: 700;
    font-style: italic;
    src: local("Fira Sans"),
    url("firasans/FiraSans-BoldItalic.ttf");
}
@font-face {
    font-family: "Fira Sans";
    font-weight: 40;
    font-style: italic;
    src: local("Fira Sans"),
         url("firasans/FiraSans-Italic.ttf");
}
code {
    background: #f8f8f8;
}
div.codehilite {
    padding: 0.5em;
}
div.codehilite>pre {
    margin: 0px;
}

@media (prefers-color-scheme: dark) {
    html {
        background: black;
        color: white;
    }
    h1, h2 {
        color: rgb(255,255,128);
    }
    h1>a, h2>a, h1>a:visited, h2>a:visited {
        color: rgb(255,255,128);
    }
    a {
        color: rgb(0,204,255);
    }
    a:visited {
        color: rgb(240,130,240);
    }
    .theme-a.adaptive {
    background: #753;
    color: #dcb;
  }
  code {
      background: #555555;
  }
  div.codehilite code {
      background: #f8f8f8;
  }
  div.pageheader {
      background: linear-gradient(90deg, rgba(204,207,229,1) 0%, rgba(0,204,255,1) 0%, rgba(0,0,0,1) 100%);
  }
  blockquote.commentpreview {
      background: #444444;
  }
}