.font {
  font-weight: 400;
}
.fontbold {
  font-weight: 700;
}
.fontbody {
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter Tight', sans-serif;
}
body {
  font-weight: 400;
  background-color: #ECECDB;
}
.container {
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "header header" "mainbody sidebar" "mainbody sidebar" "backlinks ." "comments ." "footer .";
  grid-template-columns: minmax(0, 2.618fr) minmax(0, 1fr);
  color: #000000;
  background-color: #ECECDB;
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}
.header {
  grid-area: header;
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "headernav" "headerbar";
  min-height: 125px;
  max-height: 26.19vh;
  color: #000000;
  background: #F0541A;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header a {
  text-decoration: unset;
}
.header a:visited,
.header a:link {
  color: unset;
}
.headernav {
  grid-area: headernav;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: space-between;
}
.headertitle {
  font-size: 4.5em;
  font-weight: 700;
  line-height: 0.9em;
  margin: 0 0 0 1.3rem;
  transition: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0.2, 1);
  text-shadow: 0.2rem 0.2rem 0.05rem rgba(0, 0, 0, 0.35);
}
.headertitle:hover {
  transition: 0.75s;
  transition-timing-function: cubic-bezier(0.4, 0.2, 1);
  text-shadow: none;
}
.headertitle:hover:after {
  content: "  ->";
  color: #ECECDB;
  transition: 0.5s;
}
.headerlinks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 15rem;
  margin-top: 0.65rem;
  line-height: 1.6em;
}
.headerlink {
  font-size: 1.9em;
  transition: 0.1s;
}
.headerlink:hover {
  transition: 0.1s;
  text-shadow: 0.2rem 0.2rem 0.05rem rgba(0, 0, 0, 0.35);
}
.headerlink:hover:after {
  content: "  ->";
  color: #F8CF23;
  opacity: 1;
}
.headerbar {
  grid-area: headerbar;
  background: #000000;
  height: 1.2rem;
  color: #ECECDB;
  font-size: 0.88em;
  font-weight: 400;
  margin-bottom: 0.3rem;
  transition: 0.1s;
}
.headerbar:hover {
  background: #ECECDB;
  color: #000000;
  transition: 0.3s;
}
.mainbody {
  grid-area: mainbody;
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "mainbody-title" "mainbody-date" "mainbody-tags" "mainbody-content";
  grid-template-rows: min-content min-content min-content auto min-content;
  flex-direction: column;
  font-size: 0.95em;
}
.mainbody-title {
  grid-area: mainbody-title;
  width: 36em;
  margin: 0 auto;
  border-bottom: solid 0.5rem #F8CF23;
  line-height: 0em;
  margin-bottom: 0.3rem;
  padding-top: 0.8rem;
  font-size: 1.5em;
}
.mainbody-content {
  grid-area: mainbody-content;
  margin: 0 auto;
  width: 36em;
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  line-height: 1.25em;
}
.mainbody-content p {
  text-indent: 0.6em;
  margin: 0.6em 0;
}
.mainbody-tags {
  grid-area: mainbody-tags;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  background: #F8CF23;
  padding: 0.15rem 0.4rem 0.4rem 0.4rem;
}
.singletag {
  text-decoration: unset;
  background: #5B99BA;
  padding: 0 0.2rem 0.1rem 0.2rem;
  color: #000000;
  box-shadow: 0 0 0 0.2rem #5B99BA;
  margin-top: 0.25rem;
  max-width: max-content;
  transition: 0.25s;
}
.singletag:before {
  content: "#";
  color: #F8CF23;
  margin: 0 0.2rem;
}
.singletag:visited,
.singletag:link {
  color: unset;
}
.singletag:hover {
  box-shadow: 0 0 0 0.2rem #000000;
  transition: 0s;
}
.singletag:hover:after {
  content: "->";
  color: #F8CF23;
}
.singletag:hover:before {
  content: "";
  margin: 0;
}
.mainbody-date {
  grid-area: mainbody-date;
  margin: 0 auto;
  background: #F8CF23;
  padding: 0 0.25rem 0.1rem 0.25rem;
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.8rem;
  width: min-content;
  box-shadow: 0 0 0 0.2rem #F8CF23;
  margin-top: 0.25rem;
  font-family: 'Inconsolata', monospace;
}
.sidebar {
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "filetree" "outline";
  grid-area: sidebar;
  display: flex;
  flex-direction: column;
  align-self: start;
  position: sticky;
  top: 0rem;
  height: 100vh;
  line-height: 1.24em;
  font-weight: 400;
  background: #3F4577;
  color: #ECECDB;
  font-family: 'Inter', sans-serif;
}
.filetree {
  grid-area: filetree;
  display: flex;
  flex-direction: column;
  flex-basis: 50vh;
  padding: 0 0 0.5rem -0.5rem;
  overflow: hidden;
}
.filetree a {
  text-decoration: unset;
}
.filetree a:visited,
.filetree a:link {
  color: unset;
}
.filetree a:hover:after {
  content: "  ->";
  color: #F0541A;
  font-family: 'Inter Tight', sans-serif;
  line-height: 0;
}
.filetreecontainer {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  width: 100%;
  text-overflow: "+";
  overflow-y: scroll;
  padding-right: 0.5rem;
}
.filetreecontainer::-webkit-scrollbar {
  display: none;
}
.filetree_d,
.filetree_f {
  padding-left: 1.2rem;
  position: relative;
}
.filetreeicon,
.filetreeiconf {
  height: 0.85em;
  margin-right: 0.35em;
}
.filetreeicon {
  color: #F0541A;
}
.filetreeiconf {
  color: #589F3F;
}
.filetreeheader,
.outlineheader,
.backlinksheader {
  color: #ECECDB;
  font-size: 2em;
  font-weight: 600;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background: linear-gradient(to right, #000000, transparent);
  font-family: 'Inter Tight', sans-serif;
}
.filetree-current {
  font-weight: 600;
}
.outline {
  grid-area: outline;
  display: flex;
  flex-direction: column;
  flex-basis: 50vh;
  padding: 0 0 0.5rem -0.5rem;
  overflow: hidden;
}
.outline a {
  text-decoration: unset;
}
.outline a:visited,
.outline a:link {
  color: unset;
}
.outline ul,
.outline li {
  list-style: none;
  padding-left: 0.5rem;
}
.outline li a:hover:after {
  content: '  ●';
  color: #F0541A;
}
.outline ul li:before {
  content: '⊢ ';
  color: #F8CF23;
}
.outlinecontainer {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  text-overflow: ellipsis;
  overflow-y: scroll;
}
.outlinecontainer::-webkit-scrollbar {
  display: none;
}
.outlinecontainer ul {
  margin-top: 0;
}
.backlinks {
  grid-area: backlinks;
  background: #29702C;
  font-family: 'Inter', sans-serif;
  padding: 0 0.8rem 0.5rem 0;
  margin: 1.2rem;
  font-size: 0.85em;
}
.backlink {
  padding: 0.4rem 0 0.3rem 0.3rem;
  margin: 0 0 0.5rem 0.8rem;
  color: #000000;
  background: linear-gradient(to right, #3F4577 70%, transparent);
}
.backlink-date {
  background: #F8CF23;
  padding: 0.25rem 0.5rem 0.3rem 0.5rem;
  color: #000000;
  font-size: 1.1rem;
  line-height: 1.2rem;
  width: min-content;
}
.backlink-a {
  text-decoration: unset;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5em;
  margin-left: 0.4rem;
  transition-timing-function: cubic-bezier(0.4, 0.2, 1);
}
.backlink-a:visited,
.backlink-a:link {
  color: #F0541A;
}
.backlink-a:after {
  content: "  ->";
  color: #ECECDB;
}
.backlink-a:hover {
  transition: 0.1s;
  opacity: 80%;
  color: #000000;
  transition-timing-function: cubic-bezier(0.4, 0.2, 1);
}
.backlink-a:hover:after {
  content: "  ->";
  color: #F0541A;
}
.backlink-path {
  font-family: 'Inconsolata', monospace;
  font-size: 1.2em;
  width: max-content;
  margin-top: 0.35rem;
  color: #ECECDB;
}
.footer {
  grid-area: footer;
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "footerbar" "footercontent";
  display: flex;
  flex-direction: column;
}
.footerbar {
  grid-area: footerbar;
  background: #F0541A;
  height: 0.9rem;
  border-top: 0.5rem solid #000000;
}
.footercontent {
  grid-area: footercontent;
  background: #000000;
  color: #ECECDB;
  padding: 0.5rem 0.7rem;
  height: 100%;
  font-family: 'Inter', sans-serif;
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.footercontent a {
  font-weight: 700;
  padding: 0 0.15em;
  transition: 0.1s;
  border-radius: 0.2em;
}
.footercontent a:visited,
.footercontent a:link {
  color: #F0541A;
}
.footercontent a:hover {
  transition: 0.1s;
  color: #000000;
  background-color: #F0541A;
  text-decoration: none;
}
.footercontent a:hover:after {
  content: "->";
}
.footercontent .footercredits a:after {
  content: ' 🡥';
  font-family: 'Inter Tight', sans-serif;
}
.footercontent .footercredits a:hover:after {
  content: "->";
}
.footercontent .footerlocallink {
  text-align: right;
}
.footercontent .footerlocallink a {
  transition: 0.25s;
}
.footercontent .footerlocallink a:after {
  content: " ->";
  font-family: 'Inter Tight', sans-serif;
}
.footertime {
  font-family: 'Inconsolata', monospace;
  color: #F8CF23;
  font-size: 1.1em;
}
.comments {
  grid-area: comments;
  margin: 0 auto;
  padding: 0 4rem;
  font-family: 'Inter', sans-serif;
}
.comments textarea,
.comments input {
  background-color: #ECECDB !important;
  border-radius: 0 !important;
  border: 0.15rem solid #F0541A !important;
  color: #000000 !important;
  font-family: 'Inter', sans-serif !important;
}
.comments .isso-preview {
  background: #ECECDB !important;
  border-radius: 0 !important;
  border: 0.15rem double #F0541A !important;
}
.comments .isso-post-action input {
  padding: 0.4rem 0.7rem 0.4rem 0.7rem !important;
  font-size: 0.9rem !important;
  border: none !important;
  cursor: pointer !important;
  background-color: #ECECDB !important;
  color: #000000 !important;
  border: 0.15rem solid #F0541A !important;
  transition-duration: 250ms !important;
}
.comments .isso-post-action input:hover {
  background-color: #000000 !important;
  color: #ECECDB !important;
  transition-duration: 100ms !important;
}
.comments .isso-comment-header {
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
}
.comments .isso-comment-header .isso-author {
  color: #000000 !important;
  background-color: #F8CF23 !important;
  padding: 0.2rem 0.5rem !important;
}
.comments .isso-comment-header .isso-spacer {
  color: #F0541A !important;
}
.comments .isso-comment-header time {
  color: #29702C !important;
}
.comments .isso-text p {
  font-family: 'Libre Caslon Text', serif !important;
}
.comments .isso-text pre,
.comments .isso-text code {
  font-family: 'Inconsolata', monospace !important;
}
.comments .isso-comment,
.comments .isso-follow-up .isso-comment {
  border-top: 0.15rem solid rgba(0, 0, 0, 0.25) !important;
}
.comments .isso-reply,
.comments .isso-edit,
.comments .isso-delete {
  color: #3F4577 !important;
  text-decoration: underline !important;
  font-size: 1rem !important;
}
pre,
code {
  font-family: 'Inconsolata', monospace;
}
pre {
  max-width: 36em;
  white-space: pre-wrap;
}
table {
  text-align: left;
  text-justify: auto;
  font-size: 1.15em;
}
b {
  font-weight: 700;
}
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}
h2,
h3,
h4,
h5,
h6 {
  text-decoration: underline solid 0.35rem #F0541A;
  text-underline-offset: -0.0005em;
  text-decoration-skip-ink: none;
}
h1 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}
h2 {
  font-size: 1.7em;
  line-height: 1.8em;
}
h3 {
  font-size: 1.5em;
  line-height: 1.6em;
}
h4,
h5,
h6 {
  font-size: 1.3em;
  line-height: 1.4em;
}
table {
  font-family: 'Inter', sans-serif;
  border: 0.2rem solid #F0541A;
  background: rgba(240, 84, 26, 0.2);
}
th {
  background: #F8CF23;
  padding: 0 0.5rem;
  color: #000000;
  font-size: 1.2em;
  line-height: 1.8em;
}
td {
  padding: 0 0.6rem;
  line-height: 1.5em;
  background: rgba(236, 236, 219, 0.5);
}
.src pre {
  font-size: 1.15em;
  border-left: solid 0.25rem #F0541A;
  border-right: dashed 0.05rem #000000;
  border-top: dashed 0.05rem #000000;
  border-bottom: dashed 0.05rem #000000;
  padding: 0.5rem 0.8rem;
}
code {
  padding: 0 0.2rem;
  font-size: 1.1em;
  color: #29702C;
  font-weight: 700;
}
.locallink {
  text-decoration: unset;
}
.locallink:after {
  content: " ->";
  font-family: 'Inter Tight', sans-serif;
}
.locallink:visited,
.locallink:link {
  color: #F0541A;
}
.locallink:hover {
  text-decoration: underline solid 0.15em;
}
p a {
  text-decoration-thickness: 0.2em;
  text-decoration-skip-ink: none;
}
p a:link {
  color: #000000;
  text-decoration-color: rgba(91, 153, 186, 0.75);
}
p a:visited {
  color: #000000;
  text-decoration-color: rgba(63, 69, 119, 0.75);
}
p a:after {
  content: ' 🡥';
  color: #F0541A;
  font-family: 'Inter Tight', sans-serif;
}
.themetoggle {
  background-color: #000000;
  color: #000000;
  display: flex;
  flex-direction: column;
  row-gap: 0.17rem;
  top: 45vh;
  left: 10px;
  position: absolute;
  z-index: 9000;
  border: 0.17rem solid rgba(0, 0, 0, 0.4);
}
.themetogglebutton {
  padding: 0.4rem 0.7rem 0.25rem 0.7rem;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  background-color: #ECECDB;
  color: #000000;
  transition-duration: 250ms;
}
.themetogglebutton:hover {
  background-color: #000000;
  color: #ECECDB;
  transition-duration: 100ms;
}
#instantclick-bar {
  background: #F8CF23;
}