@charset "UTF-8";
.light body {
  background-color: #e0c7c0;
}
.light .sidebar-avatar {
  background-image: radial-gradient(closest-side, white, #e0c7c0);
}
.light .sidebar-blurb {
  margin: 0 0.5em;
}
.light .sidebar-blurb p {
  display: flex;
  justify-content: space-between;
  font-size: 1.5em;
}
.light .sidebar-blurb a {
  font-family: "ff-tisa-web-pro", "IBM Plex Serif", Georgia, "Times New Roman", serif;
  text-decoration: underline;
}
.light .sidebar-blurb a.title {
  font-family: "ff-tisa-web-pro", "IBM Plex Serif", Georgia, "Times New Roman", serif;
  font-size: 4em;
  text-align: left;
  color: black;
  text-decoration-color: #f25;
  margin-right: 0.25em;
}
.light .sidebar-blurb a.title:after {
  content: "      ";
}
.light .sidebar-blurb .description {
  font-family: georgia;
  font-size: 1em;
  line-height: 1.5em;
}
.light .sidebar-blurb .navigation a {
  font-family: Helvetica, Arial, "sans-serif";
  color: #222;
}
.light .sidebar-blurb .navigation a:hover {
  color: #444;
}
.light .sidebar-blurb .navigation a.nav_home {
  text-decoration-color: red;
}
.light .sidebar-blurb .navigation a.nav_home:hover {
  text-decoration-color: #f66;
  text-shadow: 0 0 1em #f66;
}
.light .sidebar-blurb .navigation a.nav_posts {
  text-decoration-color: green;
}
.light .sidebar-blurb .navigation a.nav_posts:hover {
  text-decoration-color: #393;
  text-shadow: 0 0 1em #393;
}
.light .sidebar-blurb .navigation a.nav_about {
  text-decoration-color: #25f;
}
.light .sidebar-blurb .navigation a.nav_about:hover {
  text-decoration-color: #3af;
  text-shadow: 0 0 1em #3af;
}
.light .sidebar-blurb a.nav_posts {
  text-decoration-color: #2a3;
  text-align: left;
  margin-right: 0.25em;
}
.light .sidebar-blurb .author:hover {
  text-decoration-color: #f79;
  color: #d04;
}
.light .site-navigation {
  font-family: Verdana;
  background: #eaeae7;
  margin-bottom: 0.33lh;
}
.light .site-navigation a {
  padding: 0.33lh 0ch;
  text-decoration: none;
}
.light .site-navigation a:hover {
  background: #f7f7f0;
  color: #ba0;
}
.light a.paginated-post-title {
  font-size: 1.2em;
  color: #554;
}
.light a.paginated-post-title:hover {
  color: #fa6;
}
.light .inner-contents {
  background-color: #eaeae7;
}
.light .post {
  font-family: Georgia;
  color: #332;
  background-color: #eaeae7;
  padding-top: 2.5em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  line-height: 1.5em;
}
.light .post h2 {
  font-family: "bingbong", Lato, "Microsoft Yahei", sans-serif;
}
.light .post-header, .light .post-content {
  background: #eaeae7;
}
.light .post-header {
  padding-top: 3vh;
  font-family: Arial;
}
.light .post-title {
  font-size: 3em;
  color: #554;
  margin-bottom: 0;
  font-family: Arial;
}
.light .post-author {
  margin-top: 0.5lh;
  padding-left: 0.5ch;
  color: #aa9;
}
.light .post-content {
  padding-top: 1lh;
  padding-bottom: 2lh;
  width: 100%;
}
.light .h5 {
  font-family: Roboto Mono;
}
.light code:not(.highlight code) {
  background-color: #e0e0d7;
  border: 1px solid #c7c7c0;
  margin-left: 0ch;
  margin-right: 0ch;
  padding-left: 0.25ch;
  padding-right: 0.25ch;
  font-size: 0.9em;
}
.light .highlight {
  line-height: 1rem;
  padding: 0.1ch 0.5em;
  font-size: 1rem;
}
.light div.highlighter-rouge {
  box-shadow: 0 0 2px rgb(0, 0, 0);
}
.light :not(.highlight) > .blammo {
  color: #000;
  margin-left: 0ch;
  margin-right: 0ch;
  padding-left: 0.2ch;
  padding-right: 0.2ch;
  font-size: 1em;
}
.light a {
  color: #662;
}
.light a:hover {
  color: #ba0;
}

.dark .post-title {
  font-family: Webdings;
}
.dark body {
  background-color: #222;
}
.dark .inner-contents {
  color: #c7c7c7;
}
.dark .post {
  font-family: Georgia;
  padding-top: 2.5em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  line-height: 1.5em;
}
.dark .post h2 {
  font-family: "bingbong", Lato, "Microsoft Yahei", sans-serif;
}
.dark .post-header {
  padding-top: 3vh;
  font-family: Arial;
}
.dark .post-title {
  font-size: 3em;
  color: #554;
  margin-bottom: 0;
  font-family: Arial;
}
.dark .post-author {
  margin-top: 0.5lh;
  padding-left: 0.5ch;
  color: #aa9;
}
.dark .sidebar-avatar {
  background-image: radial-gradient(closest-side at 46% 50%, white, white, #222);
}
.dark .sidebar-blurb {
  margin: 0 0.5em;
  color: #ddd;
}
.dark .sidebar-blurb p {
  display: flex;
  justify-content: space-between;
  font-size: 1.5em;
}
.dark .sidebar-blurb a.title {
  font-family: "ff-tisa-web-pro", "IBM Plex Serif", Georgia, "Times New Roman", serif;
  font-size: 4em;
  text-align: left;
  color: #ff5057;
  text-decoration-color: #f25;
  margin-right: 0.25em;
}
.dark .sidebar-blurb a.title:after {
  content: "      ";
}
.dark .sidebar-blurb a.title:hover {
  color: #f66;
  text-decoration-color: #f46;
  text-shadow: 0 0 0.25em #d33;
}
.dark .sidebar-blurb .description {
  font-family: georgia;
  font-size: 1em;
  line-height: 1.5em;
}
.dark .sidebar-blurb .navigation a {
  font-family: Helvetica, Arial, "sans-serif";
  color: #ddd;
}
.dark .sidebar-blurb .navigation a:hover {
  color: #aaa;
}
.dark .sidebar-blurb .navigation a.nav_home {
  text-decoration-color: red;
}
.dark .sidebar-blurb .navigation a.nav_home:hover {
  color: #faa;
  text-decoration-color: #d33;
  text-shadow: 0 0 1em #f33;
}
.dark .sidebar-blurb .navigation a.nav_posts {
  text-decoration-color: #283;
}
.dark .sidebar-blurb .navigation a.nav_posts:hover {
  color: #afd;
  text-decoration-color: #393;
  text-shadow: 0 0 1em #393;
}
.dark .sidebar-blurb .navigation a.nav_about {
  text-decoration-color: #25f;
}
.dark .sidebar-blurb .navigation a.nav_about:hover {
  color: #adf;
  text-decoration-color: #3af;
  text-shadow: 0 0 1em #3af;
}
.dark .post {
  background-color: #333;
}
.dark .post a.paginated-post-title {
  color: #448;
  font-size: 1.25em;
}
.dark .inner-contents .post:not(:last) {
  margin-bottom: 2em;
}
.dark .post.excerpt {
  position: relative;
  marign-bottom: 2em;
}
.dark .post.excerpt .overlay-contents {
  position: relative;
}
.dark .post.excerpt .overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 999;
  background-image: linear-gradient(to bottom, transparent 50%, #333 90%);
}
.dark .post.excerpt .paginated-post-title {
  color: #ff5057;
  line-height: 1em;
}
.dark .post.excerpt .paginated-post-title:hover {
  color: #f66;
  text-decoration-color: #f46;
  text-shadow: 0 0 0.25em #d33;
}
.dark code:not(.highlight code) {
  background-color: #4a4a4a;
  border: 1px solid #575757;
  margin-left: 0ch;
  margin-right: 0ch;
  padding-left: 0.25ch;
  padding-right: 0.25ch;
  font-size: 0.9em;
}
.dark .highlight {
  line-height: 1rem;
  padding: 0.1ch 0.5em;
  font-size: 1rem;
}
.dark div.highlighter-rouge {
  box-shadow: 0 0 2px rgb(0, 0, 0);
}
.dark :not(.highlight) > .blammo {
  color: #000;
  margin-left: 0ch;
  margin-right: 0ch;
  padding-left: 0.2ch;
  padding-right: 0.2ch;
  font-size: 1em;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  tab-size: 4;
}

.all-content {
  display: flex;
  justify-content: center;
}

.left-content {
  display: flex;
  justify-content: start;
  max-width: 80rem;
  overflow: visible;
  transform: translateX(-9rem);
}

.sidebar {
  position: sticky;
  width: 18rem;
  max-width: 18em;
  height: 100vh;
  top: 0;
  display: flex;
  flex-flow: column;
  padding: 1em;
  justify-content: space-between;
}

.sidebar-avatar {
  display: flex;
  justify-content: space-around;
  flex-flow: column;
}

.sidebar-avatar img {
  padding: 1em;
  width: 100%;
  background-color: transparent;
}

.contents {
  max-width: 48em;
  margin: 0;
  padding: 0;
}

.minimap {
  width: 6rem;
  position: sticky;
  top: 0;
  height: 100%;
  margin-left: 2.25rem;
  transform: translateX(-9rem);
}

.minimap .contents {
  position: absolute;
  user-select: none;
  z-index: -1;
  transform-origin: top left;
}

.minimap .contents p {
  filter: blur(0.25em);
}

.minimap .controller {
  position: absolute;
  cursor: grab;
  top: 0;
  background: rgb(0.2, 0.2, 0.2);
  opacity: 0;
  z-index: 999;
  transform-origin: top left;
  transition: opacity 0.2s ease-in-out;
}

.banner {
  min-height: 300px;
  background: #222;
  margin-bottom: 0.33lh;
}

.inner-contents .post {
  padding: 2.5em;
  max-width: 48em;
}

button {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
}

button.theme-select.light {
  background-color: #ffd;
}

button.theme-select.dark {
  background-color: #333;
}

h2 {
  margin-top: 1.85em;
}

@media (width < 96rem) {
  .all-content {
    justify-content: left;
  }
  .left-content {
    transform: none;
    margin-left: 0;
  }
  .minimap {
    position: fixed;
    right: 0.25rem;
    transform: none;
    margin-left: 0;
  }
}
@media (width < 80rem) {
  .sidebar {
    font-size: 0.7rem !important;
  }
  .sidebar .avatar:after {
    text-align: right;
    display: block;
    width: 100%;
  }
  .left-content {
    justify-content: center;
    max-width: auto;
  }
  .minimap {
    right: 0rem;
  }
}
@media (width < 72rem) {
  .hide-if-medium {
    display: none !important;
  }
}
@media (width < 56rem) {
  .hide-if-small {
    display: none !important;
  }
}

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