* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background-color: #002854;
  color: salmon;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

.task-list {
  list-style: none;
}

.alert {
  padding: 20px;
  border-radius: 0 4px 4px 0;
  color: #fff;
  display: block;
  font-size: larger;
}

.y {
  background-color: #f3b244;
  border-left: 7px solid #dc900e;
}

.g {
  background-color: #60c17d;
  border-left: 7px solid #55ab6f;
}

.r {
  background-color: #e45454;
  border-left: 7px solid #cb2020;
}

blockquote {
  border-left: 0.25em solid #dfe2e5;
  color: #6a737d;
  padding: 0 1em;
}
blockquote cite {
  display: inline-block;
  margin-top: 50px;
}
blockquote cite cite::before {
  content: "- ";
  margin-left: 10px;
}

.MathJax_Display .MathJax {
  font-size: 1.2rem;
}

#markdown-toc::before {
  content: "Contents";
  font-size: 1.1rem;
  font-weight: bold;
}

#markdown-toc {
  border: 1px solid #aaa;
  border-radius: 10px;
  padding: 1.5em;
  list-style: disc;
  display: inline-block;
  background-color: #8123ab;
  line-height: 25px;
}
#markdown-toc li a {
  text-decoration: none;
}
#markdown-toc li a:hover {
  font-style: italic;
}
#markdown-toc ul {
  list-style: disc;
}

h1 {
  margin-bottom: 10px;
  text-decoration: none;
  color: deeppink;
}
h1 a {
  text-decoration: none;
  color: deeppink;
}

h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  text-decoration: none;
  color: salmon;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  color: salmon;
}

p li, ul li, ol li {
  font-size: 1.15rem;
  margin-bottom: 1em;
}

h2 {
  margin-bottom: 0px;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.3rem;
}

h5 {
  font-size: 1.2rem;
}

p {
  font-size: 1.15rem;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

header {
  margin-left: auto;
  margin-right: auto;
  width: 550px;
  overflow: hidden;
}
header #site_title {
  text-align: center;
  color: deeppink;
}
header #site_title a {
  text-decoration: none;
}
header #site_title h1 {
  color: deeppink;
  margin-bottom: 0px;
  font-size: 3em;
}
header #site_title h2 {
  margin-top: 0px;
  font-style: oblique;
  font-size: 1.5rem;
}
header #subheader {
  display: block;
  margin-top: 15px;
}
header #subheader .pages {
  text-align: center;
}
header #subheader .pages a:hover {
  #color: deeppink;
}
header #subheader .pages a {
  text-decoration: none;
  color: deeppink;
  margin-right: 3px;
  font-size: 2rem;
}

li.post {
  display: block;
  padding-top: 1rem;
}

.post {
  padding-bottom: 1rem;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  max-width: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}

.post-container p a, .post-container li a {
  text-decoration: none;
  border-bottom: 2px solid #8123ab;
  box-shadow: inset 0 -4px 0 #8123ab;
  color: inherit;
  transition: background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.post-container p a:visited, .post-container li a:visited {
  text-decoration: none;
  border-bottom: 2px solid #8123ab;
  box-shadow: inset 0 -4px 0 #8123ab;
  color: inherit;
  transition: background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.post-container p a:hover, .post-container li a:hover {
  background: #8123ab;
}

.categories p {
  display: inline-block;
}
.categories a {
  text-decoration: none;
  border-bottom: 2px solid #8123ab;
  box-shadow: inset 0 -4px 0 #8123ab;
  color: inherit;
  transition: background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.categories a:visited {
  text-decoration: none;
  border-bottom: 2px solid #8123ab;
  box-shadow: inset 0 -4px 0 #8123ab;
  color: inherit;
  transition: background 0.1s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.categories a:hover {
  background: #8123ab;
}

article::after {
  display: block;
  content: "";
  width: 5rem;
  height: 1px;
  margin: 30px auto;
  background-color: #d5d5d5;
}

.featured-img-container {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.featured-img-container img {
  max-width: 100%;
  height: auto;
  max-height: 450px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}

.continue-reading a {
  color: #9727b4;
  text-decoration: none;
  font-style: italic;
  font-size: 0.96rem;
}
.continue-reading a:hover {
  color: black;
}

.post-info {
  font-size: 1rem;
  color: #9727b4;
}

.footer p {
  text-align: center;
  font-size: 0.85rem;
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer a:visited {
  color: #9727b4;
}

.footer::before {
  display: block;
  content: "";
  width: 5rem;
  height: 1px;
  margin: 23px auto;
  background-color: #d5d5d5;
}

.paginator {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-around;
}
.paginator .older {
  text-align: left;
  -webkit-box-flex: 1;
}
.paginator .newer {
  text-align: right;
  -webkit-box-flex: 1;
}
.paginator a {
  text-decoration: none;
  color: #9727b4;
}
.paginator a:hover {
  color: black;
}
.paginator .paginate-button {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 15px 35px;
  display: inline-block;
  font-size: 16px;
}
.paginator .paginate-button:hover {
  background-color: #8123ab;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border: 1px solid #d5d5d5;
  padding-top: 5px;
  border-radius: 30px;
}

::-webkit-scrollbar-track {
  border-radius: 30px;
  background: #eeeeee;
}

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #b0b0b0;
}

@media (max-width: 768px) {
  html {
    overflow-y: auto;
  }
  .container {
    width: 88vw;
  }
  #header {
    width: 80vw;
  }
  #header #subheader {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
  }
  #header #subheader .pages {
    margin-top: 12px;
    order: 2;
    text-align: center;
  }
  #header #subheader .pages a {
    font-size: 1.15rem;
  }
  #header #subheader .social {
    order: 1;
  }
  #header #subheader .social i {
    font-size: 1.3rem;
  }
  #post-title {
    text-align: center;
  }
  p {
    font-size: 1.2rem;
  }
  .post-info {
    text-align: center;
  }
  ::-webkit-scrollbar {
    height: 3px;
  }
  div .highlight {
    padding-left: 8px;
    padding-right: 0px;
  }
  pre .highlight {
    padding-left: 8px;
    padding-right: 0px;
  }
}

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