html,
body {
  margin: 0;
  padding: 0;
}
body {
  color: #303030;
  font-family: system-ui, sans-serif;
  font-size: 1rem;
}
#site {
  margin: 4em auto;
  width: min(40em, 85%);
}
#site-logo {
  border-radius: 50%;
  display: inline-block;
  width: 8em;
}
#site-header {
  margin-block: 2em;
  text-align: center;
}
#site-header-small {
  text-align: left;
}
#site-title {
  font-size: 1.5em;
}
#site-description {
  font-size: 1em;
  font-weight: 400;
}

/* Text */
a, a:is(:visited) {
  color: #003eaa;
}
a:is(:active, :focus, :hover) {
  color: #0060df;
}
.text-secondary {
  color: #6c6f78;
}
hr {
  border: .06em solid #dedede;
  margin-block: 2em;
}
code,
pre {
  background-color: #f2f2f2;
  border-radius: .13em;
  font-family: ui-monospace, monospace;
  white-space: pre-wrap;
}
pre {
  display: block;
  margin-block: 1em;
  padding: .5em;
}
code {
  display: inline;
}

/* Post list */
.post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-list-entry {
  align-items: baseline;
  box-sizing: border-box;
  column-gap: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 1rem 0;
  width: 100%;
}

/* Post */
#post-header {
  text-align: center;
}
#post-date {
  font-size: .9em;
}
#post-description {
  text-align: left;
}
.post-content {
  text-align: justify;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-hyphenate-limit-chars: 5 2 2;
     -moz-hyphenate-limit-chars: 5 2 2;
      -ms-hyphenate-limit-chars: 5 2 2;
          hyphenate-limit-chars: 5 2 2;
  -webkit-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-lines: 2;
      -ms-hyphenate-limit-lines: 2;
          hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
     -moz-hyphenate-limit-last: always;
      -ms-hyphenate-limit-last: always;
          hyphenate-limit-last: always;
}
.post-content :not(h1, h2, h3) {
  line-height: 1.5em;
}

/* Footer */
#site-footer {
  text-align: center;
}