/* <stdin> */
hr {
  color: #ebdbb2;
  border-color: #ebdbb2;
  size: 1px;
}
header {
  border-bottom: 1px solid #ebdbb2;
  margin-bottom: 1rem;
}
footer {
  margin-top: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.2;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 24px;
}
body {
  background-color: #282828;
  color: #ebdbb2;
  font-family: sans-serif;
  padding: 8px;
  margin: auto;
  max-width: 768px;
}
blockquote {
  color: #a89984;
  border-inline-start: .3rem solid #ebdbb2;
  margin: 1rem 0;
  padding-inline-start: 1rem;
}
a {
  color: #458588;
  text-decoration: none;
}
a:hover {
  color: #d79921;
}
#header-nav {
  margin-top: 16px;
  margin-bottom: 16px;
  align-items: center;
  padding: 0px;
}
#menu {
  list-style: none;
  justify-content: center;
  column-gap: 24px;
  display: flex;
  padding: 0px;
}
#title {
  font-size: 40px;
  display: flex;
  justify-content: center;
}
#logo {
  column-gap: 24px;
}
#logo-img {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: auto;
}
#time {
  color: #a89984;
  font-size: 14px;
}
#post-title {
  margin-bottom: 0px;
}
.content h2 {
  margin: 32px auto 24px;
}
.content h3,
.content h4,
.content h5,
.content h6 {
  margin: 24px 0 16px;
}
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content figure:not(:last-child),
.content ul:not(:last-child) {
  margin-bottom: 20px;
}
.content img {
  width: 100%;
}
.tags-div {
  border-top: 1px solid #ebdbb2;
}
#tags {
  margin-top: 1rem;
}