@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap");
:root {
  --body-color: #515151;
  --body-background-color: white;
  --headings-color: #313131;
  --blockquote-color: #7a7a7a;
  --link-color: #0075da;
  --strong-color: #303030;
  --footer-color: #717171;
  --first-name-color: black;
  --last-name-color: #717171;
  --navbar-background-color: #f8f8f8:
    --navbar-font-color: #717171;
  --navbar-hover-color: white;
  --post-title-color: #313131;
  --post-date-color: #757575;
  --post-meta-color: #757575;
  --pre-background-color: #f9f2f4;
  --pre-inline-color: darkgreen;
  --btn-background-color: #fff;
  --btn-border-color: #ccc;
  --btn-font-color: #333; }
  @media (prefers-color-scheme: dark) {
    :root {
      --body-color: white;
      --body-background-color: #181818;
      --headings-color: rgb(216, 216, 216);
      --blockquote-color: #c4c4c4;
      --link-color: #3aa1ec;
      --strong-color: var(--headings-color);
      --footer-color: var(--headings-color);
      --first-name-color: white;
      --last-name-color: #909090;
      --navbar-background-color: #202020;
      --navbar-font-color: #909090;
      --navbar-hover-color: #303030;
      --post-title-color: #909090;
      --post-date-color: #909090;
      --post-meta-color: #909090;
      --pre-background-color: #333;
      --pre-inline-color: #ff2e88;
      --btn-background-color: #333;
      --btn-border-color: #444;
      --btn-font-color: var(--body-color); }
      :root img {
        filter: brightness(0.9) contrast(1.1); } }
  :root .dark-mode {
    --body-color: white;
    --body-background-color: #181818;
    --headings-color: rgb(216, 216, 216);
    --blockquote-color: #c4c4c4;
    --link-color: #3aa1ec;
    --strong-color: var(--headings-color);
    --footer-color: var(--headings-color);
    --first-name-color: white;
    --last-name-color: #909090;
    --navbar-background-color: #202020;
    --navbar-font-color: #909090;
    --navbar-hover-color: #303030;
    --post-title-color: #909090;
    --post-date-color: #909090;
    --post-meta-color: #909090;
    --pre-background-color: #333;
    --pre-inline-color: #ff2e88;
    --btn-background-color: #333;
    --btn-border-color: #444;
    --btn-font-color: var(--body-color); }
    :root .dark-mode img {
      filter: brightness(0.9) contrast(1.1); }

.blog-header {
  text-align: center; }

ul.share-buttons {
  list-style: none;
  padding: 0;
  padding-top: 10px; }

ul.share-buttons li {
  display: inline; }

.post .feed-title {
  margin-top: 0;
  margin-bottom: 0rem; }
  .post .feed-title a {
    color: var(--post-title-color);
    border-bottom: none; }
  .post .feed-title a:hover {
    text-decoration: underline; }

.post .post-content a {
  text-decoration: underline solid;
  text-underline-position: under; }

.post .post-content a.footnote-backref,
.post .post-content sup > a.footnote-ref,
.post .post-content a.post-read-more {
  text-decoration: none; }

.post .post-read-more {
  font-size: 20px;
  border-bottom: none; }
  .post .post-read-more:hover {
    color: var(--body-color); }

.post .post-date {
  font-size: 0.70rem;
  color: var(--post-date-color);
  margin-left: auto;
  flex-shrink: 0;
  margin-bottom: 0.5rem; }

.post .post-tags {
  align-self: flex-start;
  margin-bottom: 0.25rem; }

.post .post-title {
  margin-bottom: 0px; }

.post img {
  margin: 0 auto; }

.post video {
  display: block;
  margin: 0 auto; }

.feed article {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.feed .feed-header {
  font-family: "Newsreader", sans-serif; }

.feed .feed-summary {
  margin-bottom: 0.4rem; }
  .feed .feed-summary p {
    display: inline; }

.post-meta {
  color: var(--post-meta-color);
  margin-left: 0px;
  margin-right: 0px;
  font-size: 14px;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem; }
  .post-meta .post-related-posts > ul {
    margin-bottom: 0; }

header .jumbotron {
  height: 300px;
  margin-top: -0.75rem;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

figcaption {
  color: #717171;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 0.25rem; }
  figcaption a:before {
    content: " ";
    display: block; }
  figcaption a {
    color: var(--link-color);
    font-weight: lighter;
    font-size: 0.5rem; }
  figcaption p {
    margin: 0; }

figure {
  padding-top: 0.5rem;
  padding-bottom: 1rem; }
  figure img {
    margin: 0 auto; }
  figure.bordered img {
    border: 1px solid gray; }

.twitter-tweet {
  margin: 0 auto; }

.pagination-container {
  margin-top: 2rem; }

pre code {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 14px; }

.footnotes ol {
  font-size: 0.70rem;
  margin-top: 1rem; }