/** Use doom-one theme: */


body {
  color: #222;
  font-family: sans-serif;
  line-height: 1.5;
  margin: 1rem;
  background-color: #282c34;
  color: white;
}

h1 {
  color: #4faeef;
}

header h1 {
  color:
}

h2,
h2 a {
  color: #98be64;
}

h3 {
  color: #c678dd;
}

header {
  border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

footer {
  border-top: 1px solid #222;
  margin-top: 1rem;
}

a {
  color: #50afef;
  text-decoration: none;
}

img {
  height: auto;
  max-width: 100%;
}

/* menu  */
nav li {
  list-style: none;
  padding-left: 1em;
}

nav li:nth-of-type(1) {
  padding-left: 0;
}

nav ul {
  display: flex;
  flex-direction: row;
}

/* tags */
ul.tags li {
  list-style: none;
  margin: 0.25em;
}
ul.tags li::before {
  content: "#";
  color: #98be64;
}

ul.tags {
  display: flex;
  flex-direction: row;
}

main {
    display: flex;
    flex-direction: column;
}

pre .highlight { background-color: #ffffcc; width: max-content; }

/* source: https://charliemikels.com/projects/this-website/styling-hugo-code-blocks/ */
:not(pre) > code {
    /* Inline code. Includes highlighted and unhighlighted versions */
    font-family: monospace;
}

:not(div.highlight) pre:not(:has(code > span)):has(code), div.highlight {
    /* The top level for the "block" style code blocks */
    /* 1st part: Unhihlghighted / unrecognized code blocks. */
        /* Filters out inline code, */
        /* and highlighted code (always have spans), */
        /* and pre blocks within highlighted code. */
    /* 2nd part, all highlighted code blocks (except for the inline version). */

    /* Div and pre have different base styles. sync them up here. */
    margin: 1em 0;
    --parent-padding-size: 0.25rem;
    --child-padding-size: 0.25rem;
    padding: var(--parent-padding-size);
    font-size: 0.9rem;

    & > * {
        /* All blocks only have 1 direct child, but it could be a `<code>`, `<pre>`, or a `<div>` */
        display: block;
        overflow-x: auto;
        font-family: monospace;
        padding: var(--child-padding-size);
        margin: 0;

        table pre { margin: 0; }
    }


}