@font-face {
font-family: Junicode;
font-style: normal;
font-weight: normal;
font-stretch: normal;
src: url('font/Junicode.woff') format('woff');
}
@font-face {
font-family: Junicode;
font-style: normal;
font-weight: bold;
font-stretch: normal;
src: url('font/Junicode-Bold.woff') format('woff');
}
@font-face {
font-family: Junicode;
font-style: italic;
font-weight: normal;
font-stretch: normal;
src: url('font/Junicode-Italic.woff') format('woff');
}

@font-face {
font-family: Haas;
font-style: normal;
font-weight: normal;
font-stretch: normal;
src: url('font/neue-haas-medium.woff2') format('woff2');
}


@font-face {
font-family: equity_a;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('font/equity_a_regular.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('font/equity_a_italic.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('font/equity_a_bold.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('font/equity_a_bold_italic.woff2') format('woff2');
}
@font-face {
font-family: equity_b;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('font/equity_b_regular.woff2') format('woff2');
}

@font-face {
font-family: equity_b;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('font/equity_b_italic.woff2') format('woff2');
}

@font-face {
font-family: equity_b;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('font/equity_b_bold.woff2') format('woff2');
}

@font-face {
font-family: equity_b;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('font/equity_b_bold_italic.woff2') format('woff2');
}







@font-face {
  font-family: 'Iosevka';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(iosevka.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Iosevka';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(iosevka-light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
    --color-dark: rgba(0,0,0,.9);
    --color-almost-dark: #333;
    --color-gray: #999;
    --color-faint: rgba(0,0,0,.03);
    --color-less-faint: rgba(0,0,0,.05);
    --color-highlight: teal;
    --color-light:  #fbf8ef;
    --color-light:  #fffdf8;
    --color-faint-light: rgba(255,255,255,.8);
    --fancy: "YoungSerif";
    --headline: Haas, serif;
    --serif: equity_a;
    --mono: "Iosevka";
    --spacing: 1.5rem;
    --spacing-double: 2rem;
    --spacing-half: 1rem;
}

p, h1, h2, h3, h4, h5 {
    margin: 0; padding: 0;
}
p {
    margin-top: var(--spacing-half);
}
h1, h2, h3, h4, h5, h6 {
    padding-top: var(--spacing-double);
    display: inline-block;
    font-family: var(--headline);
    border-bottom: 1px solid var(--color-faint);
}

/* h1:before, h2:before, h3:before, h4:before{ */
/*   content: "\2e3a  "; /\* two em dash *\/ */
/*   font-family: "Iosevka" !important; */
/*   /\*  margin-left: -2.2em; *\/ */
/* } */
html {
     font-size: 18px;
}
   body {
     font-family: var(--serif);
     background-color:var(--color-light);
     color: var(--color-almost-dark);
     position:relative;
     max-width: 65rem;
     margin: 0 auto;
     padding-bottom: 10em;
     line-height: 1.4em;
     font-variant-numeric: oldstyle-nums;
   }
   body p {
     /* font-kerning: auto; */
     /* text-rendering: optimizeLegibility; */
     /* -webkit-font-smoothing: antialiased; */
     /* -moz-osx-font-smoothing: grayscale;       */
   }

   a, a:visited {
     text-decoration: none;
     color: var(--color-highlight);
     transition: .3s;
 }
   p a:hover, li a:hover {
     color: orangered;
 }

.content {
margin: 0 auto;
max-width: 35rem;
padding: 1rem;
}

::selection {
  background: orangered;
  color: white;
}

.content a {
color: var(--color-almost-dark);
    text-decoration: underline;
    text-decoration-color: #ddd; !important;
    text-underline-offset: .07em;
    text-decoration-thickness: .08em;
white-space: nowrap;
}

.content a:hover {
    text-decoration-color: rgb(255,69,0,1) !important;
}


   #content {
     max-width: 35em;
     background-color: var(--color-light);
     border-left: 1px solid var(--color-faint);
     margin-right:0;
     margin-left: auto;
     padding-left: var(--spacing);
     padding-right: var(--spacing);
   }
   .content p, #content p {
     max-width: 28rem !important;
     font-size: 1rem;
 }
   #content h1, #content h2, #content h3, #content h4, #content h5 {
     max-width: 28rem !important;

    font-weight: 600;
 }
   .content p code, #content p code {
     font-size: .85rem;
     font-weight: 400;
     display: inline-block
   }
   /*  p:first-of-type { */
   /*   font-size: 1.2rem !important; */
   /* } */

   h1.sitetitle{
     font-size: 3em;
     font-family: var(--headline);
 }
 .m {
font-family: var(--mono);
 }
   .mono {
     font-family: var(--mono);
     color: var(--color-gray);
     font-size: .6em;
   }
   marquee pre {
     font-size: 8px;
     line-height: 8px;
     color: rgba(0,0,0,.2) !important;
   }

   p i {
     color: var(--color-dark);
   }

   code, pre, pre.src, pre.example, table {
    font-family: var(--mono);
   }
   ul, ol {
  list-style-position: outside;
  padding-top: 0;
  margin:0;
  padding-left: var(--spacing);
  max-width: 28rem;
 }
ul {
  list-style-type: "\2192  "; /* one em arrow */
  list-style-type: "\2e3a  "; /* two em dash */
  list-style-type: "\2014  "; /* em dash */
}
ol {

}
ol { counter-reset: list;}
ol > li { list-style: none; }
ol > li:before {
  content: counter(list, number) " - ";
  width: 2rem;
  margin-left: -2.2rem;
  display: block;
  position: absolute;
  counter-increment: list;
  text-align: right;
}
ul li, ol li {
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.org-left {
    text-align: left;
    border-left: 1px solid var(--color-faint);
    border-right: 1px solid var(--color-faint);
    border-bottom: 1px solid var(--color-faint);
}


.org-src-container pre.src, table {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: 0 0 0 0;
    border-top: 1px solid var(--color-faint);
    font-size: .8rem;
    padding-top: var(--spacing);
    overflow: auto;
    max-width: 40rem;
    background-color: transparent !important;
}
pre.example, table {
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: 0 0 0 0;
    font-size: .8rem;
    padding-bottom: var(--spacing-half);
    padding-top: var(--spacing-half);
    color: orangered;
    overflow: visible;
    max-width: 40rem;
    overflow: auto;
}
pre.example:before {
    content: "> ";
}





/* table */
table {
    margin-top: var(--spacing);
}
table tbody {
}
table .org-left {
    text-align: left !important;
    border-left: 1px solid var(--color-less-faint);
    border-right: 1px solid var(--color-less-faint);
    border-bottom: 1px solid var(--color-less-faint);
    padding: var(--spacing-half);
}



.section-number-1, .section-number-2, .section-number-3, .section-number-4 {
    color: var(--color-faint);
    font-size: .6em;
    display: none;
    width: 0;
}
/* .section-number-2 { */
/*     margin-left: -1em; */
/* } */
/* .section-number-3 { */
/*     margin-left: -1.9em; */
/* } */
/* .section-number-4 { */
/*     margin-left: -2.4em; */
/* } */
.title {
    font-size: 1em;
    text-align: left;
    font-weight: normal;
    color: var(--color-grey);
    font-family: var(--mono);
}
#table-of-contents {
    font-family: var(--mono);
    position: fixed;
    width: 100%;
    left: 0;
}

#table-of-contents li {
    padding: 0;
    margin: 0;
}
@media only screen and (max-width: 900px) {
  #table-of-contents {
      display: none;
  }
}
#table-of-contents ul {
    list-style: none;
    margin-left: -2rem;
    padding-left: 2rem;
    max-width: 12rem;
    padding-right: var(--spacing);
}
#table-of-contents a {
    text-decoration: none;
    font-size: 1rem;
    font-size: .8rem;
    padding-bottom: .7rem;
    display:block;
}
#table-of-contents a:hover{
    color: orangered;
    opacity: 1;
}
#text-table-of-contents {
max-width: 45rem;
margin: 2.3rem auto;
}
#table-of-contents h2 {
    display:block;
    max-width: 55rem;
    margin: 1.4rem auto;
    font-size: 1rem;
    display:none;
}
.outline-2, .outline-1, .outline-3 {
    background-color: var(--color-light);
    position: relative;
}
#org-div-home-and-up {
    position: fixed;
    width: 100%;
    text-align: left !important;
    font-size: 1rem !important;
    padding: .5rem;
    padding-left: 0rem;
    margin-left:-1rem;
    top: 0;
    z-index: 999;
    color: var(--color-light);
    left: 0;
}
#org-div-home-and-up a:first-of-type {
    display: none;
}
a[accesskey="H"] {
    text-decoration: none;
    color: var(--color-light);
    max-width: 45rem;
    margin: 0 auto;
    display: block;
}
a[accesskey="H"]:before {
    text-decoration: none;
    content: "\219E  niko.io";
    color:teal;
    padding-left: 1rem;
    background-color: var(--color-light);
}

h1.title {
    color: var(--color-light);
}

h1,h2,h3,h4,h5,h6{

}
#postamble{
    display: none;
}

h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.2rem; }