* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  line-height: unset;
  font-size: unset;
}

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

html,
body {
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-family: system-ui, sans-serif;
  line-height: 1.4em;
  font-size: 17px;
}
body.ie-6,
body.ie-old {
  font-size: 14px;
}

@media screen and (max-width: 560px) {
  body {
    font-size: 16px;
  }
}
small {
  font-size: 0.85em;
}

button {
  padding: 0.5em 0.75em;
  line-height: 1.1em;
  border-radius: 0.3em;
  font-family: monospace;
  font-size: 0.8em;
  color: #544;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid #333;
}
button:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  color: #333;
}
button:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
  margin: 2px;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 10px;
  border: 2px solid #f0f0f0;
  transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #333 #f0f0f0;
}

body {
  background: #fdfdfe;
  color: #06070b;
}

body.ie-6 img,
body.ie-old img {
  display: block;
  width: 100%;
}
body.ie-6 pre,
body.ie-old pre {
  display: block;
  width: 100%;
  overflow-x: scroll;
}
body.ie-6 td pre,
body.ie-old td pre {
  overflow-x: auto;
}

#container {
  display: block;
  min-width: 310px;
  max-width: 780px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0.5em;
}
body.without-footnotes {
  padding-bottom: 2em;
}

body.ie-6,
body.ie-old {
  width: 600px;
}

body.ie-old {
  text-align: center;
}
body.ie-old {
  text-align: left;
}

a, a:visited {
  -webkit-tap-highlight-color: transparent;
}
a, a *, a:visited, a:visited * {
  color: darkblue;
  text-decoration-color: #0095f6;
}
a:hover, a:hover * {
  color: #0c0ce0;
  text-decoration-color: #0c0ce0;
}

.post-link, .post-link:visited {
  border-color: #bbb;
  border-radius: 6px;
}
.post-link .post-link-title, .post-link:visited .post-link-title {
  color: darkblue;
  text-decoration-color: #0095f6;
}
.post-link:hover {
  border-color: #0c0ce0;
  background: #def3fa;
}
.post-link:hover .post-link-title {
  color: #0c0ce0;
  text-decoration-color: #0c0ce0;
}

a:focus-visible,
a.focus-visible {
  outline-offset: 1px;
  outline: darkblue auto 1px;
}
a:focus-visible, a:focus-visible *,
a.focus-visible,
a.focus-visible * {
  background: #def3fa;
  color: darkblue !important;
}

#breadcrumbs li {
  display: inline;
}
#breadcrumbs li.instagram {
  float: right;
}
@media screen and (max-width: 780px) {
  #breadcrumbs li.instagram {
    padding-right: 3px;
  }
}

#breadcrumbs {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media screen and (max-width: 780px) {
  #breadcrumbs {
    margin-right: -0.3rem;
    margin-left: -0.3rem;
  }
}

#breadcrumbs {
  display: block;
  padding: 0.5em 0;
  font-style: italic;
}

#breadcrumbs a {
  padding: 0 5px;
}

@media screen and (max-width: 780px) {
  #breadcrumbs {
    padding-top: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 560px) {
  #breadcrumbs {
    font-size: 17px;
  }
}
@media screen and (max-width: 320px) {
  #breadcrumbs {
    font-size: 16px;
  }
}
#breadcrumbs a,
#breadcrumbs a:visited {
  font-weight: 600;
  border: solid 3px #eee;
  text-decoration: none;
  border-radius: 6px;
}
#breadcrumbs a, #breadcrumbs a code,
#breadcrumbs a:visited,
#breadcrumbs a:visited code {
  color: #06070b;
}
#breadcrumbs a:hover, #breadcrumbs a:hover * {
  color: #06070b;
  text-decoration: underline;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#share-button {
  position: fixed;
  bottom: 26px;
  right: 26px;
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border: solid 2px #222;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
}
#share-button svg {
  stroke: #000;
}
#share-button:hover {
  background-color: #def3fa;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  animation: rotation 3s linear infinite;
  border-color: #000;
}
#share-button:hover svg {
  stroke: #000;
}

#title {
  font-family: "Unbounded", sans-serif;
  color: #06070b;
  text-shadow: 0 1px 0 rgb(40.8, 47.6, 74.8), 0 2px 3px rgba(6, 7, 11, 0.25), 2px 3px 4px rgba(205.2, 205.4, 206.2, 0.15);
  font-style: oblique;
  font-size: 2.3em;
  padding-top: 0.5em;
  line-height: 1.15em;
  font-weight: 900;
  color: #021128;
  text-shadow: 1px 1px 1px silver, 2px 2px 1px #aaa, 3px 3px 1px grey, -1px -1px 1px white, 2px 2px 7px #bbb, -2px 2px 7px #bbb, 2px -2px 7px #bbb, -2px -2px 7px #bbb;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media screen and (max-width: 780px) {
  #title {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
  }
}

#content h2, #content h3, #content h4 {
  font-family: "Unbounded", sans-serif;
  color: #06070b;
  text-shadow: 0 1px 0 rgb(40.8, 47.6, 74.8), 0 2px 3px rgba(6, 7, 11, 0.25), 2px 3px 4px rgba(205.2, 205.4, 206.2, 0.15);
  font-size: 1.05em;
  line-height: 1.4em;
  padding-bottom: 0.5em;
  padding-top: 0.25em;
  letter-spacing: 1px;
  font-weight: 300;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media screen and (max-width: 780px) {
  #content h2, #content h3, #content h4 {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
  }
}

@media screen and (min-width: 559px) and (max-width: 780px) {
  #title {
    font-size: 2em;
  }
}
@media screen and (max-width: 560px) {
  #title {
    font-size: 1.6em;
  }
}
#header {
  display: block;
}
#header {
  border: solid 3px #333 !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
}

header:has(#header) {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media screen and (max-width: 780px) {
  header:has(#header) {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
  }
}

#content {
  padding: 1em 0.35em;
}

#content p {
  margin-bottom: 0.9em;
}

@media screen and (max-width: 560px) {
  #content {
    padding: 1em 0;
  }
}
.post-link {
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
  border-color: grey !important;
}
.post-link, .post-link:visited {
  padding: 0.5em 0.35em;
  margin-bottom: 0.5em;
  display: block;
  font-family: "Unbounded", sans-serif;
  border: solid 3px;
  font-size: 1.35em;
  font-style: italic;
  font-weight: bolder;
}
.post-link .post-link-title, .post-link:visited .post-link-title {
  text-decoration: underline;
}
.post-link .post-link-date, .post-link:visited .post-link-date {
  display: block;
  font-family: monospace;
  font-style: normal;
  font-size: 13.6px;
  line-height: 1em;
  margin-top: 10px;
  color: grey;
}
.post-link:hover {
  border-color: darkblue !important;
  box-shadow: 0 4px 8px rgba(0, 0, 255, 0.2), 0 4px 6px rgba(0, 0, 255, 0.12) !important;
}
.post-link:hover .post-link-date {
  color: #06070b;
}

#following {
  padding: 0.5em 0.35em;
  font-style: italic;
}

.reference a {
  text-decoration: none;
  color: grey;
  letter-spacing: -1px;
  padding-right: 3px;
  margin-left: -3px;
  font-size: 0.6em;
  border: solid 1px #bbb;
  display: inline-block;
  min-width: 1.6em;
  height: 1.6em;
  border-radius: 0.8em;
  text-align: center;
  justify-content: center;
  line-height: 1.6em;
}
.reference a:hover {
  color: darkblue !important;
  background: #def3fa;
  border-color: darkblue;
  outline-offset: 1px;
  outline: darkblue auto 1px;
}

#footnotes {
  font-style: italic;
  border-top: solid 3px;
  background: #ffffd3;
  border-color: #06070b;
  padding: 0.5em 1em 1.5em 0.15em;
  margin-top: 1.5em;
  font-size: 0.9em;
}
#footnotes > ul {
  list-style: none;
}
#footnotes .footnote {
  line-height: 1.5em;
  margin-bottom: 0.35em;
}
@supports (text-indent: 2.1em) {
  #footnotes .footnote {
    padding-left: 2.25em;
    text-indent: -2.1em;
  }
}
#footnotes .footnote-caret {
  font-size: 0.8em;
  font-style: normal;
  display: inline-block;
  width: 2.25em;
  text-align: right;
  color: grey;
}
#footnotes .footnote-name {
  font-weight: 500;
  color: #06070b;
}
#footnotes .footnote-separator {
  color: grey;
}

body.has-share-button #footnotes {
  padding-bottom: 4em;
}

#footnotes .reference {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-left: 0.3em;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  font-size: 0.8em;
  border-radius: 50%;
  border: solid 1px grey;
  padding-right: 0.25em;
  color: #06070b;
}
@supports (text-indent: 0) {
  #footnotes .reference {
    padding-left: 0;
    text-indent: 0;
  }
}
#footnotes .reference:hover {
  background: #def3fa;
  border-color: #0c0ce0;
  color: #0c0ce0;
  outline-offset: 1px;
  outline: darkblue auto 1px;
}

.footnote-content b, .footnote-content strong {
  font-weight: normal;
}

.iframe iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.iframe.content iframe {
  aspect-ratio: 2/1;
}

.callout {
  display: block;
  border: solid 2px;
  border-radius: 3px;
  margin-bottom: 1em;
  margin-right: -0.3em;
  margin-left: -0.3em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
}
.callout-title {
  border-radius: 3px 3px 0 0;
  border-bottom: solid 2px;
  font-weight: bold;
  padding: 0.25em 0.5em;
  font-size: 0.9em;
}
.callout-message {
  padding: 0.5em;
  font-size: 0.9em;
  line-height: 1.4em;
}
.callout-message p {
  margin-top: 0;
}
.callout-message p:last-child {
  margin-bottom: 0.25em;
}

.callout {
  color: #06070b;
  border-color: #251908;
}
.callout-title {
  background: #ff3;
  border-bottom-color: #251908;
  color: #06070b;
}
.callout-message {
  background: #fffffa;
  color: #06070b;
}

.iframe.instagram iframe {
  display: none;
}
.iframe.instagram iframe.instagram-media-rendered {
  display: block;
  min-width: auto !important;
  max-width: 373.3333333333px !important;
  margin: 0 auto 1em !important;
}
.iframe.instagram iframe.instagram-media-rendered {
  border: solid 3px #333 !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
}
.iframe.instagram blockquote {
  text-align: center !important;
  margin-bottom: 1em;
}
.iframe.instagram blockquote a {
  display: block;
}

#date,
#content time {
  font-family: monospace;
  font-style: normal;
}

body.has-post-date #content {
  padding-top: 0;
}

#date {
  display: block;
  font-size: 0.85em;
  margin-bottom: 0.5em;
  color: #003;
  background: none;
  font-weight: bold;
  padding: 0;
}
#date#date {
  padding: 0 0.25em;
  margin-bottom: 1em;
  font-weight: 100;
  color: dimgrey;
}
@media screen and (max-width: 560px) {
  #date#date {
    margin: 0.25em -0.35em;
    font-weight: 400;
  }
}
@media screen and (min-width: 559px) and (max-width: 780px) {
  #date#date {
    margin-bottom: 0.5em;
  }
}

#content time {
  padding: 0.1em 0.3em;
  color: #005;
  background: #bfe7ff;
  background: rgba(191, 231, 255, 0.25);
  border-radius: 0.5em;
  font-size: 0.9em;
}

#content > time {
  display: block;
  font-size: 0.85em;
  margin-bottom: 0.5em;
  color: #003;
  background: none;
  font-weight: bold;
  padding: 0;
}
#content > time#date {
  padding: 0 0.25em;
  margin-bottom: 1em;
  font-weight: 100;
  color: dimgrey;
}
@media screen and (max-width: 560px) {
  #content > time#date {
    margin: 0.25em -0.35em;
    font-weight: 400;
  }
}
@media screen and (min-width: 559px) and (max-width: 780px) {
  #content > time#date {
    margin-bottom: 0.5em;
  }
}

del {
  text-decoration: line-through;
  text-decoration-color: #06070b;
  text-decoration-color: rgba(6, 7, 11, 0.5);
}
@supports (text-decoration-skip-ink: none) {
  del {
    text-decoration: underline !important;
    text-decoration-color: rgba(6, 7, 11, 0.5) !important;
    text-decoration-thickness: 2px !important;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.3em;
  }
}

s {
  text-decoration: line-through;
  text-decoration-color: #06070b;
  text-decoration-color: rgba(6, 7, 11, 0.5);
}
@supports (text-decoration-skip-ink: none) {
  s {
    text-decoration: underline !important;
    text-decoration-color: rgba(6, 7, 11, 0.5) !important;
    text-decoration-thickness: 2px !important;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.3em;
  }
}

#content .list-container {
  margin-bottom: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
#content .list-container .list-container {
  padding: 0;
  margin: 0;
}
#content .list-container ul, #content .list-container ol {
  padding-left: 2em;
  list-style-position: outside;
}
#content .list-container ul ul, #content .list-container ul ol, #content .list-container ol ul, #content .list-container ol ol {
  border-left: dashed 1px #eee;
  margin-left: -0.75em;
  padding-left: 2em;
}
#content .list-container li {
  padding: 0;
  margin: 0 0 0.25em;
}
@media screen and (max-width: 560px) {
  #content .list-container li {
    line-height: 1.4em;
    margin-bottom: 0;
  }
}
#content .list-container .task-list-item-checkbox {
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  position: relative;
  top: 0.175em;
}
#content .list-container li::marker {
  font-size: 0.9em;
  color: #06070b;
}

.task-list .task-done > .task-label {
  text-decoration: line-through;
  text-decoration-color: #06070b;
  text-decoration-color: rgba(6, 7, 11, 0.5);
}
@supports (text-decoration-skip-ink: none) {
  .task-list .task-done > .task-label {
    text-decoration: underline !important;
    text-decoration-color: rgba(6, 7, 11, 0.5) !important;
    text-decoration-thickness: 2px !important;
    text-decoration-skip-ink: none;
    text-underline-offset: -0.3em;
  }
}

body.ie-6 .task-list-item-checkbox,
body.ie-7 .task-list-item-checkbox,
body.ie-old .task-list-item-checkbox {
  top: 0 !important;
}

@media screen and (max-width: 560px) {
  #content > .list-container {
    font-size: 0.9em;
  }
}
mark {
  background: yellow;
  background-color: rgba(255, 255, 0, 0.2);
  padding: 0.1em 0.2em;
  color: #000;
}
mark mark {
  background: transparent;
}

.callout mark {
  background: yellow;
  background: rgba(255, 255, 0, 0.35);
}
.callout mark mark {
  background: transparent;
}

#footnotes mark {
  background: yellow;
  background: rgba(255, 255, 0, 0.5);
}
#footnotes mark mark {
  background: transparent;
}

.embed.photo {
  display: block;
  background: #fff;
  max-width: 98%;
  margin: 0 auto;
  margin-bottom: 1em;
  padding: 0.5em;
}
.embed.photo {
  border: solid 3px #333 !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
}
.embed.photo .photo-center {
  display: block;
  text-align: center;
}
.embed.photo img {
  border-radius: 5px;
}
.embed.photo figcaption {
  display: block;
  padding: 0 0.25em;
  margin-top: 0.5em;
  font-size: 0.9em;
}
.embed.photo figcaption p {
  margin-bottom: 0.5em !important;
  margin-top: 0.25em;
}
@media screen and (max-width: 560px) {
  .embed.photo {
    padding: 0.35em;
  }
  .embed.photo figcaption p {
    line-height: 1.35em;
    font-size: 0.95em;
  }
}

#content > .table-container {
  width: 100%;
  overflow-x: auto;
  padding: 0.5em;
}
#content > .table-container table {
  border-collapse: collapse;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.12) !important;
  table-layout: auto;
  width: auto;
  font-size: 0.85em;
  line-height: 1.5em;
  min-width: 100%;
  margin: 0 auto 1em;
  background: #fff;
}
#content > .table-container th, #content > .table-container td {
  padding: 8px 12px;
  border: 2px solid #06070b;
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
}
#content > .table-container th {
  background: #ddd;
}
#content > .table-container tbody tr:hover td {
  background: #ffffd3;
}
#content > .table-container td strong {
  font-weight: 700;
  color: #393939;
}
@media screen and (min-width: 559px) and (max-width: 780px) {
  #content > .table-container {
    line-height: 1.35em;
  }
  #content > .table-container th, #content > .table-container td {
    padding: 6px 8px;
  }
}
@media screen and (max-width: 560px) {
  #content > .table-container {
    font-size: 0.95em;
    line-height: 1.35em;
  }
  #content > .table-container th, #content > .table-container td {
    padding: 3px 4px;
  }
}

.code-highlighter table {
  border-collapse: collapse;
  border: 0;
}
.code-highlighter > pre {
  display: block;
  overflow-x: auto;
  border: solid 1px #888;
  margin-bottom: 1em;
}
.code-highlighter > pre > code {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
}
.code-highlighter td.gutter.gl {
  position: sticky;
  z-index: 1;
  left: 0;
}
.code-highlighter td.gutter.gl .lineno {
  padding-left: 3px;
  padding-right: 5px;
  text-align: right;
  border-right: solid 1px #aaa;
  margin-right: 1px;
  background: #f8f8f8;
}
.code-highlighter td.code {
  background: #f6f5f1;
}
.code-highlighter td.code pre {
  padding-right: 5px;
  padding-left: 10px;
}
.code-highlighter code code {
  font-size: 1em !important;
}

#content code {
  text-wrap: nowrap;
  font-size: 0.8em;
  background: #f6f5f1;
  background: rgba(246, 245, 241, 0.8);
  font-style: normal;
  color: #414141;
  padding: 2px 5px;
}

code .c,
code .cm,
code .c1,
code .cp,
code .c2 {
  color: #6a737d;
  font-style: italic;
}
code .k,
code .kc,
code .kd,
code .kn,
code .kp,
code .kr,
code .kt {
  color: #d73a49;
  font-weight: bold;
}
code .n,
code .na,
code .nb,
code .bp,
code .nc,
code .no,
code .nd,
code .ne,
code .nf,
code .fm,
code .ni,
code .nl,
code .nn,
code .nt,
code .nv,
code .vc,
code .vg,
code .vi {
  color: #005cc5;
}
code .s,
code .sa,
code .sb,
code .sc,
code .sd,
code .s2,
code .s1,
code .se,
code .sh,
code .si,
code .sx,
code .ss,
code .sp {
  color: #032f62;
}
code .m,
code .mb,
code .mf,
code .mh,
code .mi,
code .mo {
  color: #098658;
}
code .o,
code .ow {
  color: #24292e;
}
code .p {
  color: #24292e;
}
code .err {
  background-color: #ffe6e6;
  color: #d73a49;
}
code .g,
code .gd,
code .ge,
code .gh,
code .gi,
code .go,
code .gp,
code .gs,
code .gu,
code .gt,
code .gr {
  color: #24292e;
}

abbr,
span[title] {
  text-decoration: underline dotted;
}

kbd {
  display: inline;
  padding: 2px;
  font-family: monospace;
  font-size: 0.75em;
  line-height: 1em;
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-bottom: 2px solid #bbb;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 #bbb;
  white-space: nowrap;
  position: relative;
  top: -1px;
}

hr {
  height: 0;
  border: none #ccc;
  border-top: dashed 1px #ccc;
  margin-top: 0.25em;
  margin-bottom: 1em;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
@media screen and (max-width: 780px) {
  hr {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
  }
}

/*# sourceMappingURL=styles.css.map */