body {
    margin: auto;
    max-width: 59ch;
    padding: 1ch 2ch;
    font-family: "Source Code Pro", "Courier New", monospace;
    line-height: 150%;
    font-size: 16px;
}


h1 {
  margin-top: 27px;
  line-height: 120%;
  font-size: 130%;
}

h2 {
  line-height: 120%;
  font-size: 120%;
}

h3 {
  line-height: 120%;
  font-size: 100%;
}

img {
  border-radius: 8px;
}


/* @media(prefers-color-scheme: dark) { */
    :root{
        accent-color : #696;
    }
    body {
        background-color: #333341;
        color: #ccc;
    }
    a {
        color: #49b;
    }
    a:visited {
        color: #86a;
    }

    details {
        color: #878;
    }

    details[open] {
        color: #7b5;
    }

    details[open] a {
        color: #7b5;
    }

    .header-thing a {
      color: #b9b;
    }
/* } */