html, body, h1 {
  margin: 0;
  padding: 0;
}

img, video {
  max-width: 100%;
}

ul {
  margin: 0;
}

ul.blog-archive > li {
  margin-bottom: 0.5em;
}

body {
  font-family: "Arial", sans-serif;
}

a {
  color: rgb(17.0196078431%, 18.3288084465%, 19.4509803922%);
}

a:visited {
  color: rgb(26.3529411765%, 28.3800904977%, 30.1176470588%);
}

.frontpage {
  line-height: 1.58em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

article {
  padding: 0.3em;
}

article blockquote {
  border-left: solid 2px rgb(55.4509803922%, 58.4494720965%, 61.0196078431%);
  padding-left: 10px;
  color: rgb(91, 98, 104);
}

article {
  font-size: 1.2em;
  line-height: 1.58em;
}

article small {
  opacity: 0.5;
}

h2 {
  font-size: 2em;
}

article h2 {
  margin-top: 0.5em;
  margin-bottom: 0;
}

article pre {
  max-width: 100%;
  overflow: auto;
  border: 1px solid rgb(184, 184, 184);
  padding: 0.2em;
  font-size: 0.8em;
}

article img {
  display: block;
  margin: auto;
}

article .frontmatter {
  font-size: 0.5em;
  opacity: 0.5;
}
article .frontmatter > :not(:last-child)::after {
  content: " -";
}
article .frontmatter .tags ul {
  padding: 0;
}
article .frontmatter .tags ul, article .frontmatter .tags li {
  display: inline;
}
article .frontmatter .tags li:not(:last-child)::after {
  content: ",";
}

#load-comments button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  display: block;
}

hr {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid rgb(184, 184, 184);
}

h4 {
  margin-bottom: 0;
}

header {
  background: rgb(40, 44, 47);
  color: rgb(218, 218, 218);
  font-family: "Arial", sans-serif;
}

header.page {
  padding: 1em;
  border-bottom: 5px solid rgb(91, 98, 104);
}

header.post h1 {
  display: inline;
}

header.post h1 a, header.post h1 a:visited {
  font-size: 16px;
  line-height: 1.1;
  text-decoration: none;
  color: rgb(218, 218, 218);
}

header.post {
  padding-bottom: 0.5em;
  border-bottom: 3px solid rgb(91, 98, 104);
}

header.post nav a, header.post nav a:visited {
  color: rgb(218, 218, 218);
  text-decoration: none;
  margin-right: 1.5em;
}

.widget {
  border: 1px solid rgb(91, 98, 104);
  border-radius: 5px;
  height: fit-content;
}

.widget > p {
  padding: 0.5em;
  margin: 0;
}

.widget > p > span {
  width: 100%;
  border-bottom: 1px solid rgb(91, 98, 104);
  font-weight: 700;
  display: block;
  margin-bottom: 0.2em;
}

.widget.profile-pic > img {
  width: 100%;
}

@media screen and (min-width: 850px) {
  header.post nav {
    float: right;
    margin-top: 1em;
  }
  header.page {
    font-size: 2em;
  }
  .container {
    width: 768px;
    margin: auto;
  }
  .container-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .frontpage {
    padding: 0;
  }
  .widget {
    margin-top: 0.5em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    width: 30%;
  }
  .widget.profile-pic {
    padding: 0;
    float: right;
    margin-left: 1em;
  }
}

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