#outerflex {
  display: flex;
  align-items: center;
}
#outerflex > #main {
  display: flex;
  flex-flow: column wrap;
  text-align: left;
}
#outerflex > #main > #article-header {
  border-bottom: 4px var(--mantle) solid;
  padding-bottom: 1vh;
  margin-bottom: 3vh;
  margin-top: 4vh;
}
#outerflex > #main > #article-header > #author-published {
  color: var(--subtext0);
}
#outerflex > #main > pre {
  border: 0.2rem var(--mantle) solid;
  border-radius: 5px;
  padding: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  background-color: var(--overlay);
}
#outerflex > #main > pre > code {
  white-space: pre-wrap;
}
#outerflex > #main > pre > code > span.ts-attribute {
  color: var(--peach);
}
#outerflex > #main > pre > code > span.ts-comment {
  color: var(--overlay2);
}
#outerflex > #main > pre > code > span.ts-constant {
  color: var(--peach);
}
#outerflex > #main > pre > code > span.ts-constant-builtin {
  color: var(--peach);
}
#outerflex > #main > pre > code > span.ts-constructor {
  color: var(--blue);
}
#outerflex > #main > pre > code > span.ts-function {
  color: var(--mauve);
}
#outerflex > #main > pre > code > span.ts-function-builtin {
  color: var(--peach);
}
#outerflex > #main > pre > code > span.ts-keyword {
  color: var(--mauve);
}
#outerflex > #main > pre > code > span.ts-module {
  color: var(--lavender);
}
#outerflex > #main > pre > code > span.ts-number {
  color: var(--peach);
}
#outerflex > #main > pre > code > span.ts-property {
  color: var(--flamingo);
}
#outerflex > #main > pre > code > span.ts-punctuation {
  color: var(--overlay2);
}
#outerflex > #main > pre > code > span.ts-punctuation-bracket {
  color: var(--overlay1);
}
#outerflex > #main > pre > code > span.ts-punctuation-delimiter {
  color: var(--overlay2);
}
#outerflex > #main > pre > code > span.ts-punctuation-special {
  color: var(--pink);
}
#outerflex > #main > pre > code > span.ts-string {
  color: var(--green);
}
#outerflex > #main > pre > code > span.ts-string-special {
  color: var(--pink);
}
#outerflex > #main > pre > code > span.ts-tag {
  color: var(--mauve);
}
#outerflex > #main > pre > code > span.ts-type {
  color: var(--yellow);
}
#outerflex > #main > pre > code > span.ts-type-builtin {
  color: var(--yellow);
}
#outerflex > #main > pre > code > span.ts-variable {
  color: var(--text-color);
}
#outerflex > #main > pre > code > span.ts-variable-builtin {
  color: var(--red);
}
#outerflex > #main > pre > code > span.ts-variable-parameter {
  color: var(--maroon);
}
#outerflex > #main > em {
  color: var(--subtext0);
}
#outerflex > #main > blockquote {
  border-left: 0.4rem var(--overlay) solid;
  /* top | right | bottom | left */
  padding: 0.2rem 0 0.2rem 0.6rem;
  color: var(--subtext0);
}
#outerflex > #main > * {
  margin-bottom: 1rem;
}
#outerflex > #main > *:last-child {
  margin-bottom: 10vh;
}
#outerflex > #main > *:not(pre) code {
  background-color: var(--surface0);
  color: var(--subtext0);
}
#outerflex > #main > *:not(pre, code) {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (orientation: landscape) {
  #outerflex > #main {
    margin-left: 18%;
    margin-right: 18%;
  }
}
@media (orientation: portrait) {
  #outerflex > #main {
    margin-left: 7.5%;
    margin-right: 7.5%;
  }
}

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