@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* html { */
/*   line-height: 1.15; */
/*   -webkit-text-size-adjust: 100%; } */

body {
    /*margin: 0;*/
    background-color: #232729;
    font-family: "fira mono", monospace;
}

@media screen and (min-width: 600px) {
    body {
        font-size: 16px;
    }
}

@media screen and (min-width: 910px) {
    body {
        width: 750px;
    }
}

p {
    color: #bbbbbb;
}

.title {
    text-align: left;
    margin: 0.8em auto;
    color: #bbbbbb;
}

.subtitle {
    text-align: left;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: bold;
    margin: 1em auto;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-family: 'Roboto Slab', serif;
  color: #6a8bad;
}
h2 {
    font-family:  'Roboto Slab', serif;
  color: #6a8bad;
}

.outline-2 h3 {
    color: #bbbbbb;
}

h3 {
  color: #6a8bad;
    font-style: : italic;
}

h4 {
  color: #6a8bad;
    font-style: italic;
}

a {
    color: #f06f3a;
    text-decoration: none;
}

.content a {
    color:#f06f3a;
    text-decoration: none;
}
.content a:visited {
    color: #f06f3a;
}

li{
    color: #bbbbbb;
    text-decoration: none;
}

#text-table-of-contents a {
    /* color: #e65722; */
    color: #f06f3a;
    text-decoration: inherit;
}

li code {
    color: #fdfaf7;
}
p code {
    color: #fdfaf7;
}

.org-src-container {
    border: 0px;
    box-shadow: 0px 0px 0px #eee;
    font-family: $monospace;
    font-size: $code-size;
    margin: 1em auto;
    position: relative;
    background: #fdfaf7;
}

pre.src, pre.example {
  border-width: 0;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--back-medium);
  margin: 1em auto;
  padding: 0;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 14px;
  line-height: 1.4;
  overflow-x: visible;
  box-shadow: none;
  white-space: pre-wrap;
  background-color: #F5F5F5;
  position: relative;
  width: 90%;
}

pre.example {
    border-left-style: dotted;
    border-left-width: 3px;
    margin: 1em auto;
    padding-left: 15px;
    position: relative;
    width: 90%
}

.org-src-container .org-keyword {
  color: #a90d91;
}

.org-src-container .org-variable-name {
  color: #715ab1;
}

.org-src-container .org-function-name {
  color: #3a81c3;
}

.org-src-container .org-string {
  color: #2d9574;
}

.org-src-container .org-comment-delimiter {
  font-style: italic;
  color: #e06666;
}

.org-src-container .org-comment {
  font-style: italic;
  color: #e06666;
}

.boxed-center {
  border: 2px dashed #ccc;
  padding: 10px;
  margin: 20px auto;
  max-width: 300px;
  text-align: center;
  border-radius: 8px;
  background-color: #232729; /* slightly lighter than body */
  color: #eee; /* light text */
  font-size: 1.1em;
}