html {
      font-family: 'Cantata One',sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%
    }

    body {
      margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    menu,
    nav,
    section,
    summary {
      display: block
    }

    audio,
    canvas,
    progress,
    video {
      display: inline-block
    }

    audio:not([controls]) {
      display: none;
      height: 0
    }

    progress {
      vertical-align: baseline
    }

    template,
    [hidden] {
      display: none
    }

    a {
      background-color: transparent;
      -webkit-text-decoration-skip: objects
    }

    a:active,
    a:hover {
      outline-width: 0
    }

    abbr[title] {
      border-bottom: none;
      text-decoration: underline;
      text-decoration: underline dotted
    }

    b,
    strong {
      font-weight: inherit
    }

    b,
    strong {
      font-weight: bolder
    }

    dfn {
      font-style: italic
    }

    h1 {
      font-size: 2em;
      margin: 0.67em 0
    }

    mark {
      background-color: #ff0;
      color: #000
    }

    small {
      font-size: 80%
    }

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }

    sub {
      bottom: -0.25em
    }

    sup {
      top: -0.5em
    }

    img {
      border-style: none
    }

    svg:not(:root) {
      overflow: hidden
    }

    code,
    kbd,
    pre,
    samp {
      font-family: monospace, monospace;
      font-size: 1em
    }

    figure {
      margin: 1em 40px
    }

    hr {
      box-sizing: content-box;
      height: 0;
      overflow: visible
    }

    button,
    input,
    select,
    textarea {
      font: inherit;
      margin: 0
    }

    optgroup {
      font-weight: bold
    }

    button,
    input {
      overflow: visible
    }

    button,
    select {
      text-transform: none
    }

    button,
    html [type="button"],
    [type="reset"],
    [type="submit"] {
      -webkit-appearance: button
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0
    }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText
    }

    fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      padding: 0.35em 0.625em 0.75em
    }

    legend {
      box-sizing: border-box;
      color: inherit;
      display: table;
      max-width: 100%;
      padding: 0;
      white-space: normal
    }

    textarea {
      overflow: auto
    }

    [type="checkbox"],
    [type="radio"] {
      box-sizing: border-box;
      padding: 0
    }

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
      height: auto
    }

    [type="search"] {
      -webkit-appearance: textfield;
      outline-offset: -2px
    }

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none
    }

    ::-webkit-input-placeholder {
      color: inherit;
      opacity: 0.54
    }

    ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
    }

    * {
      box-sizing: border-box
    }

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block
    }

    html,
    body {
      height: 100%
    }

    a img {
      border: none
    }

    blockquote {
      quotes: none
    }

    blockquote:before,
    blockquote:after {
      content: '';
      content: none
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    caption,
    th,
    td {
      text-align: left;
      font-weight: normal;
      vertical-align: middle
    }

    html {
      font-size: 75%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%
    }

    @media screen and (min-width: 40em) {
      html {
        font-size: 87.5%
      }
    }

    @media screen and (min-width: 50em) {
      html {
        font-size: 93.75%
      }
    }

    @media screen and (min-width: 64em) {
      html {
        font-size: 106.25%
      }
    }

    @media screen and (min-width: 100em) {
      html {
        font-size: 118.75%
      }
    }

    body {
      font-size: 1.3333333333rem;
      font-family: inherit;
      font-style: normal;
      font-weight: 400;
      line-height: 2rem
    }

    @media screen and (min-width: 40em) {
      body {
        font-size: 1.2142857143rem
      }
    }

    @media screen and (min-width: 50em) {
      body {
        font-size: 1.2rem
      }
    }

    @media screen and (min-width: 64em) {
      body {
        font-size: 1.1764705882rem
      }
    }

    @media screen and (min-width: 100em) {
      body {
        font-size: 1.1578947368rem
      }
    }

    a {
      color: #242e2b;
      text-decoration: none;
      transition: color .1s, background-color .1s
    }

    a:hover,
    a:active,
    a:focus {
      color: green;
      text-decoration: none
    }

    .typeset p a,
    .typeset li a {
      background-image: linear-gradient(to bottom, transparent 50%, #242e2b 50%);
      background-position: 0 93%;
      background-repeat: repeat-x;
      background-size: 100% 0.15rem;
      text-shadow: 0.1rem 0 #fff, 0.15rem 0 #fff, -0.1rem 0 #fff, -0.15rem 0 #fff
    }

    .typeset p a:hover,
    .typeset p a:active,
    .typeset p a:focus,
    .typeset li a:hover,
    .typeset li a:active,
    .typeset li a:focus {
      background-image: linear-gradient(to bottom, transparent 50%, green 50%)
    }

    .typeset p {
      line-height: 2rem;
      margin-bottom: 1.49999rem;
      padding-top: .50001rem;
      font-feature-settings: 'kern', 'onum', 'liga'
    }

    @media screen and (min-width: 40em) {
      .typeset p {
        margin-bottom: 1.4553471429rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset p {
        margin-bottom: 1.44999rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset p {
        margin-bottom: 1.4411664706rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset p {
        margin-bottom: 1.4342005263rem;
        padding-top: .5657994737rem
      }
    }

    .typeset h1,
    .typeset h2,
    .typeset h3,
    .typeset h4,
    .typeset h5,
    .typeset h6 {
      color: #242e2b;
      font-family: "Merriweather", serif;
      font-feature-settings: 'dlig', 'liga', 'lnum', 'kern';
      font-style: normal;
      font-weight: 700
    }

  
    .typeset h1,
    .typeset .alpha {
      line-height: 3rem;
      font-size: 2.3333333333rem;
      margin-bottom: .37499rem;
      padding-top: .62501rem
    }

    @media screen and (min-width: 40em) {

      .typeset h1,
      .typeset .alpha {
        font-size: 2.1428571429rem;
        margin-bottom: .3035614286rem;
        padding-top: .6964385714rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h1,
      .typeset .alpha {
        font-size: 2.1333333333rem;
        margin-bottom: .29999rem;
        padding-top: .70001rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h1,
      .typeset .alpha {
        font-size: 2.3529411765rem;
        margin-bottom: .3823429412rem;
        padding-top: .6176570588rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h1,
      .typeset .alpha {
        font-size: 2.6315789474rem;
        margin-bottom: .4868321053rem;
        padding-top: .5131678947rem
      }
    }

    .typeset h2,
    .typeset .beta {
      line-height: 3rem;
      font-size: 2.0833333333rem;
      margin-bottom: .28124rem;
      padding-top: .71876rem
    }

    @media screen and (min-width: 40em) {

      .typeset h2,
      .typeset .beta {
        font-size: 1.9rem;
        margin-bottom: .21249rem;
        padding-top: .78751rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h2,
      .typeset .beta {
        font-size: 1.8733333333rem;
        margin-bottom: .20249rem;
        padding-top: .79751rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h2,
      .typeset .beta {
        font-size: 2.0882352941rem;
        margin-bottom: .2830782353rem;
        padding-top: .7169217647rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h2,
      .typeset .beta {
        font-size: 2.3105263158rem;
        margin-bottom: .3664373684rem;
        padding-top: .6335626316rem
      }
    }

    .typeset h3,
    .typeset .gamma {
      line-height: 3rem;
      font-size: 1.8666666667rem;
      margin-bottom: .19999rem;
      padding-top: .80001rem
    }

    @media screen and (min-width: 40em) {

      .typeset h3,
      .typeset .gamma {
        font-size: 1.7142857143rem;
        margin-bottom: .1428471429rem;
        padding-top: .8571528571rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h3,
      .typeset .gamma {
        font-size: 1.7066666667rem;
        margin-bottom: .13999rem;
        padding-top: .86001rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h3,
      .typeset .gamma {
        font-size: 1.7647058824rem;
        margin-bottom: .1617547059rem;
        padding-top: .8382452941rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h3,
      .typeset .gamma {
        font-size: 1.8578947368rem;
        margin-bottom: .1967005263rem;
        padding-top: .8032994737rem
      }
    }

    .typeset h4,
    .typeset .delta {
      line-height: 2rem;
      font-size: 1.6666666667rem;
      margin-bottom: -.37501rem;
      padding-top: .37501rem
    }

    @media screen and (min-width: 40em) {

      .typeset h4,
      .typeset .delta {
        font-size: 1.5214285714rem;
        margin-bottom: -.4294742857rem;
        padding-top: .4294742857rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h4,
      .typeset .delta {
        font-size: 1.5rem;
        margin-bottom: -.43751rem;
        padding-top: .43751rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h4,
      .typeset .delta {
        font-size: 1.5705882353rem;
        margin-bottom: -.4110394118rem;
        padding-top: .4110394118rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h4,
      .typeset .delta {
        font-size: 1.6368421053rem;
        margin-bottom: -.3861942105rem;
        padding-top: .3861942105rem
      }
    }

    .typeset h5,
    .typeset .epsilon {
      line-height: 2rem;
      font-size: 1.4916666667rem;
      margin-bottom: -.440635rem;
      padding-top: .440635rem
    }

    @media screen and (min-width: 40em) {

      .typeset h5,
      .typeset .epsilon {
        font-size: 1.3714285714rem;
        margin-bottom: -.4857242857rem;
        padding-top: .4857242857rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h5,
      .typeset .epsilon {
        font-size: 1.3666666667rem;
        margin-bottom: -.48751rem;
        padding-top: .48751rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h5,
      .typeset .epsilon {
        font-size: 1.3235294118rem;
        margin-bottom: -.5036864706rem;
        padding-top: .5036864706rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h5,
      .typeset .epsilon {
        font-size: 1.3157894737rem;
        margin-bottom: -.5065889474rem;
        padding-top: .5065889474rem
      }
    }

    .typeset h6,
    .typeset .zeta {
      line-height: 2rem;
      font-size: 1.3333333333rem;
      margin-bottom: -.50001rem;
      padding-top: .50001rem
    }

    @media screen and (min-width: 40em) {

      .typeset h6,
      .typeset .zeta {
        font-size: 1.2142857143rem;
        margin-bottom: -.5446528571rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset h6,
      .typeset .zeta {
        font-size: 1.2rem;
        margin-bottom: -.55001rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset h6,
      .typeset .zeta {
        font-size: 1.1764705882rem;
        margin-bottom: -.5588335294rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset h6,
      .typeset .zeta {
        font-size: 1.1578947368rem;
        margin-bottom: -.5657994737rem;
        padding-top: .5657994737rem
      }
    }

    

    /*====*/

/* Base scale — smaller overall */
.typeset h1,
.typeset .alpha {
  line-height: 2.5rem;
  font-size: 1.5rem;
  margin-bottom: .3rem;
  padding-top: .5rem;
}

@media screen and (min-width: 40em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 1.45rem;
    margin-bottom: .25rem;
    padding-top: .55rem;
  }
}

@media screen and (min-width: 50em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 1.46rem;
    margin-bottom: .25rem;
    padding-top: .55rem;
  }
}

@media screen and (min-width: 64em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 1.5rem;
    margin-bottom: .3rem;
    padding-top: .5rem;
  }
}

@media screen and (min-width: 100em) {
  .typeset h1,
  .typeset .alpha {
    font-size: 1.55rem;
    margin-bottom: .35rem;
    padding-top: .45rem;
  }
}

/* h2 */
.typeset h2,
.typeset .beta {
  line-height: 2.4rem;
  font-size: 1.35rem;
  margin-bottom: .25rem;
  padding-top: .55rem;
}

@media screen and (min-width: 40em) {
  .typeset h2,
  .typeset .beta {
    font-size: 1.3rem;
  }
}

/* h3 */
.typeset h3,
.typeset .gamma {
  line-height: 2.2rem;
  font-size: 1.2rem;
  margin-bottom: .2rem;
  padding-top: .6rem;
}

/* h4 */
.typeset h4,
.typeset .delta {
  line-height: 2rem;
  font-size: 1.1rem;
  margin-bottom: -.35rem;
  padding-top: .35rem;
}

/* h5 */
.typeset h5,
.typeset .epsilon {
  line-height: 1.8rem;
  font-size: 1rem;
  margin-bottom: -.4rem;
  padding-top: .4rem;
}

/* h6 */
.typeset h6,
.typeset .zeta {
  line-height: 1.8rem;
  font-size: 0.9rem;
  margin-bottom: -.45rem;
  padding-top: .45rem;
}
    /*====*/


    .typeset ul,
    .typeset ol {
      line-height: 2rem;
      margin-bottom: 1.49999rem;
      padding-top: .50001rem
    }

    @media screen and (min-width: 40em) {

      .typeset ul,
      .typeset ol {
        margin-bottom: 1.4553471429rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset ul,
      .typeset ol {
        margin-bottom: 1.44999rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset ul,
      .typeset ol {
        margin-bottom: 1.4411664706rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset ul,
      .typeset ol {
        margin-bottom: 1.4342005263rem;
        padding-top: .5657994737rem
      }
    }

    .typeset ul li,
    .typeset ol li {
      font-feature-settings: 'kern', 'onum', 'liga';
      margin-left: 2rem
    }

    .typeset ul li ol,
    .typeset ul li ul,
    .typeset ol li ol,
    .typeset ol li ul {
      padding-top: 1rem;
      margin-bottom: 1rem;
      margin-left: 2rem
    }

    .typeset ol {
      list-style-type: none
    }

    .typeset ol li {
      counter-increment: top-level
    }

    .typeset ol li:before {
      content: counter(top-level) ".";
      font-feature-settings: 'lnum', 'tnum';
      margin-left: -3rem;
      position: absolute;
      text-align: right;
      width: 2em
    }

    .typeset ol li ul li:before {
      content: ''
    }

    .typeset ol li ul li ol li {
      counter-increment: alt-level
    }

    .typeset ol li ul li ol li:before {
      content: counter(alt-level) "."
    }

    .typeset ol li ol li {
      counter-increment: sub-level
    }

    .typeset ol li ol li:before {
      content: counter(top-level) "." counter(sub-level)
    }

    .typeset ol li ol li ul li:before {
      content: ''
    }

    .typeset ol li ol li ol li {
      counter-increment: sub-sub-level
    }

    .typeset ol li ol li ol li:before {
      content: counter(top-level) "." counter(sub-level) "." counter(sub-sub-level)
    }

    .typeset dl {
      line-height: 2rem;
      margin-bottom: 1.49999rem;
      padding-top: .50001rem
    }

    @media screen and (min-width: 40em) {
      .typeset dl {
        margin-bottom: 1.4553471429rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset dl {
        margin-bottom: 1.44999rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset dl {
        margin-bottom: 1.4411664706rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset dl {
        margin-bottom: 1.4342005263rem;
        padding-top: .5657994737rem
      }
    }

    .typeset dl dt,
    .typeset dl dd {
      font-feature-settings: 'kern', 'onum', 'liga';
      margin-left: 2rem
    }

    @media screen and (min-width: 40em) {

      .typeset dl dt,
      .typeset dl dd {
        margin-left: 0
      }
    }

    .typeset dl dt {
      font-weight: 700
    }

    .typeset dl dd+dt {
      padding-top: 1rem
    }

    .typeset table {
      line-height: 2rem;
      font-size: 1.1916666667rem;
      margin-bottom: -.553135rem;
      padding-top: .553135rem;
      font-family: "Merriweather", serif;
      font-feature-settings: 'liga', 'lnum', 'tnum', 'kern';
      font-style: normal;
      font-weight: 400;
      width: 100%
    }

    @media screen and (min-width: 40em) {
      .typeset table {
        font-size: 1.0928571429rem;
        margin-bottom: -.5901885714rem;
        padding-top: .5901885714rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset table {
        font-size: 1.0866666667rem;
        margin-bottom: -.59251rem;
        padding-top: .59251rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset table {
        font-size: .9941176471rem;
        margin-bottom: -.6272158824rem;
        padding-top: .6272158824rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset table {
        font-size: .9263157895rem;
        margin-bottom: -.6526415789rem;
        padding-top: .6526415789rem
      }
    }

    .typeset table thead th {
      line-height: 2rem;
      font-size: 1.3333333333rem;
      margin-bottom: -.50001rem;
      padding-top: .50001rem;
      padding-bottom: 1px
    }

    @media screen and (min-width: 40em) {
      .typeset table thead th {
        font-size: 1.2142857143rem;
        margin-bottom: -.5446528571rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset table thead th {
        font-size: 1.2rem;
        margin-bottom: -.55001rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset table thead th {
        font-size: 1.1764705882rem;
        margin-bottom: -.5588335294rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset table thead th {
        font-size: 1.1578947368rem;
        margin-bottom: -.5657994737rem;
        padding-top: .5657994737rem
      }
    }

    .typeset b,
    .typeset strong,
    .typeset .bold {
      font-weight: 700
    }

    .typeset em,
    .typeset i,
    .typeset .italic {
      font-style: italic
    }

    .typeset small,
    .typeset .caption {
      font-size: 1.0666666667rem;
      font-family: "Merriweather", serif;
      font-style: normal;
      font-weight: 400
    }

    @media screen and (min-width: 40em) {

      .typeset small,
      .typeset .caption {
        font-size: .9714285714rem
      }
    }

    @media screen and (min-width: 50em) {

      .typeset small,
      .typeset .caption {
        font-size: .96rem
      }
    }

    @media screen and (min-width: 64em) {

      .typeset small,
      .typeset .caption {
        font-size: .8823529412rem
      }
    }

    @media screen and (min-width: 100em) {

      .typeset small,
      .typeset .caption {
        font-size: .8210526316rem
      }
    }

    .typeset small {
      line-height: 1rem
    }

    .typeset .caption {
      line-height: 2rem;
      margin-bottom: 1.39999rem;
      padding-top: .60001rem;
      color: #a8adac
    }

    @media screen and (min-width: 40em) {
      .typeset .caption {
        margin-bottom: 1.3642757143rem;
        padding-top: .6357242857rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset .caption {
        margin-bottom: 1.35999rem;
        padding-top: .64001rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset .caption {
        margin-bottom: 1.3308723529rem;
        padding-top: .6691276471rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset .caption {
        margin-bottom: 1.3078847368rem;
        padding-top: .6921152632rem
      }
    }

    .typeset h1+.caption,
    .typeset .alpha+.caption,
    .typeset h2+.caption,
    .typeset .beta+.caption,
    .typeset h3+.caption,
    .typeset .gamma+.caption {
      margin-top: -1rem
    }

    .typeset .delta+.caption,
    .typeset .epsilon+.caption,
    .typeset .zeta+.caption {
      margin-top: 0rem
    }

    .typeset blockquote p {
      border-left: 0.15rem solid #242e2b;
      font-style: italic;
      padding-left: 1rem;
      margin-bottom: 1.99999rem;
      padding-bottom: .50001rem
    }

    @media screen and (min-width: 40em) {
      .typeset blockquote p {
        margin-bottom: 1.9107042857rem;
        padding-bottom: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset blockquote p {
        margin-bottom: 1.89999rem;
        padding-bottom: .55001rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset blockquote p {
        margin-bottom: 1.8823429412rem;
        padding-bottom: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset blockquote p {
        margin-bottom: 1.8684110526rem;
        padding-bottom: .5657994737rem
      }
    }

    @media screen and (min-width: 40em) {
      .typeset blockquote {
        margin-left: -1rem
      }
    }

    .typeset hr {
      background-image: linear-gradient(to bottom, transparent 50%, #a8adac 50%);
      background-position: 0 50%;
      background-repeat: repeat-x;
      background-size: 100% 0.15rem;
      border: 0;
      margin: 0;
      padding-bottom: 3rem;
      padding-top: 3rem
    }

    .typeset code,
    .typeset pre {
      background-color: #fafafa;
      font-family: Menlo, monospace
    }

    .typeset pre {
      display: block;
      margin-bottom: 2rem;
      padding: 1rem;
      white-space: pre;
      white-space: pre-wrap;
      word-break: break-all;
      word-wrap: break-word
    }

    .typeset code {
      font-size: 1.0666666667rem;
      line-height: 1rem
    }

    @media screen and (min-width: 40em) {
      .typeset code {
        font-size: .9714285714rem
      }
    }

    @media screen and (min-width: 50em) {
      .typeset code {
        font-size: .96rem
      }
    }

    @media screen and (min-width: 64em) {
      .typeset code {
        font-size: .8823529412rem
      }
    }

    @media screen and (min-width: 100em) {
      .typeset code {
        font-size: .8210526316rem
      }
    }

    .typeset .upper {
      font-kerning: normal;
      letter-spacing: 0.1rem;
      text-transform: uppercase
    }

    .typeset .small-caps {
      font-feature-settings: 'smcp', 'kern';
      font-kerning: normal;
      letter-spacing: 0.1rem
    }

    .typeset .lining-numerals {
      font-feature-settings: 'lnum', 'kern'
    }

    .typeset .oldstyle-numerals {
      font-feature-settings: 'onum', 'kern'
    }

    .hll {
      background-color: #ffc
    }

    
    .c {
      color: #999988;
      font-style: italic
    }

    .err {
      color: #a61717;
      background-color: #e3d2d2
    }

    .k {
      color: #000000;
      font-weight: bold
    }

    .o {
      color: #000000;
      font-weight: bold
    }

    .cm {
      color: #999988;
      font-style: italic
    }

    .cp {
      color: #999999;
      font-weight: bold;
      font-style: italic
    }

    .c1 {
      color: #999988;
      font-style: italic
    }

    .cs {
      color: #999999;
      font-weight: bold;
      font-style: italic
    }

    .gd {
      color: #000000;
      background-color: #fdd
    }

    .ge {
      color: #000000;
      font-style: italic
    }

    .gr {
      color: #a00
    }

    .gh {
      color: #999
    }

    .gi {
      color: #000000;
      background-color: #dfd
    }

    .go {
      color: #888
    }

    .gp {
      color: #555
    }

    .gs {
      font-weight: bold
    }

    .gu {
      color: #aaa
    }

    .gt {
      color: #a00
    }

    .kc {
      color: #000000;
      font-weight: bold
    }

    .kd {
      color: #000000;
      font-weight: bold
    }

    .kn {
      color: #000000;
      font-weight: bold
    }

    .kp {
      color: #000000;
      font-weight: bold
    }

    .kr {
      color: #000000;
      font-weight: bold
    }

    .kt {
      color: #445588;
      font-weight: bold
    }

    .m {
      color: #099
    }

    .s {
      color: #d01040
    }

    .na {
      color: teal
    }

    .nb {
      color: #0086B3
    }

    .nc {
      color: #445588;
      font-weight: bold
    }

    .no {
      color: teal
    }

    .nd {
      color: #3c5d5d;
      font-weight: bold
    }

    .ni {
      color: purple
    }

    .ne {
      color: #990000;
      font-weight: bold
    }

    .nf {
      color: #990000;
      font-weight: bold
    }

    .nl {
      color: #990000;
      font-weight: bold
    }

    .nn {
      color: #555
    }

    .nt {
      color: navy
    }

    .nv {
      color: teal
    }

    .ow {
      color: #000000;
      font-weight: bold
    }

    .w {
      color: #bbb
    }

    .mf {
      color: #099
    }

    .mh {
      color: #099
    }

    .mi {
      color: #099
    }

    .mo {
      color: #099
    }

    .sb {
      color: #d01040
    }

    .sc {
      color: #d01040
    }

    .sd {
      color: #d01040
    }

    .s2 {
      color: #d01040
    }

    .se {
      color: #d01040
    }

    .sh {
      color: #d01040
    }

    .si {
      color: #d01040
    }

    .sx {
      color: #d01040
    }

    .sr {
      color: #009926
    }

    .s1 {
      color: #d01040
    }

    .ss {
      color: #990073
    }

    .bp {
      color: #999
    }

    .vc {
      color: teal
    }

    .vg {
      color: teal
    }

    .vi {
      color: teal
    }

    .il {
      color: #099
    }

    body {
      background: #fff;
      color: #384743;
      height: 100%;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      overflow-x: hidden
    }

    .container {
      width: 90%;
      margin: 0 auto
    }

    .header .nav,
    .footer .nav {
      text-align: right;
      font-size: .9rem
    }

    .header .logo,
    .footer .logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
    }

    .header .container,
    .footer .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      padding: 1rem 0
    }

    @media screen and (min-width: 40em) {

      .header .container,
      .footer .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
      }
    }

    .header .nav {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      justify-content: flex-end;
      overflow: hidden
    }

    .feature {
      padding-bottom: .4rem;
      margin-bottom: 1.6rem;
      text-align: center;
      background: #f9fafa;
      background-color: #ddd;
      background-blend-mode: overlay;
      background-size: cover;
      background-position: center
    }

    .feature .container {
      min-height: 35vh;
      max-width: 60%;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center
    }

    .logo {
      display: inline-block;
      line-height: 0;
      max-height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center
    }

    .logo img {
      max-height: 5rem
    }

    .nav a {
      padding: .2rem
    }

    .nav--social a {
      display: inline-block;
      line-height: 1
    }

    .small {
      padding-top: .8rem;
      color: #a8adac;
      display: inline-block
    }

    .footer {
      background: #242e2b;
      color: #a8adac
    }

    .footer a {
      color: #a8adac
    }

    .footer a:hover {
      color: #fff
    }

    .footer .container {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }

    .footer .small {
      padding-top: 0
    }

    .nav--paginator {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      color: #a8adac;
      text-align: center
    }

    .pagination {
      min-width: 20%
    }

    .main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      margin-bottom: 1.6rem
    }

    @media screen and (min-width: 40em) {
      .main {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
      }
    }

    .header,
    .feature,
    .footer {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
    }

    @media screen and (min-width: 40em) {
      .content {
        width: 62%
      }
    }

    .share .button {
      margin-right: .3rem
    }

    @media screen and (min-width: 40em) {
      .aside {
        max-width: 34%;
        margin-left: 4%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        opacity: 0.5;
        transition: opacity .1s
      }

      .aside .section {
        position: sticky;
        top: 0
      }

      .aside--left {
        margin-left: 0;
        margin-right: 4%;
        order: -1
      }

      .aside:hover {
        opacity: 1
      }
    }

    .section {
      margin: 0
    }

    .list {
      list-style: none
    }

    .list--nav {
      overflow: hidden;
      margin-bottom: var(--listHeight, 0)
    }

    .list .item--post,
    .list .item--result,
    .list .item--category {
      margin-left: 0
    }

    @media screen and (min-width: 40em) {
      .item--nav {
        margin-left: .6rem;
        display: inline-block
      }
    }

    .item--nav:first-of-type {
      margin-left: 0
    }

    .item--current a {
      color: #a8adac
    }

    a .icon {
      transition: fill .1s
    }

    a .icon:hover {
      fill: currentColor
    }

    .icon {
      vertical-align: middle;
      width: 1.1em;
      height: 1.1em;
      fill: currentColor
    }

    img {
      max-width: 100%;
      height: auto
    }

    .figure {
      line-height: 0
    }

    .figure--left {
      float: left;
      padding-right: .8rem
    }

    .figure--right {
      float: right;
      text-align: right;
      padding-left: .8rem
    }

    .figure--center {
      text-align: center;
      clear: both
    }

    .video,
    .map {
      position: relative;
      padding-bottom: 56.25%;
      height: 0
    }

    .video iframe,
    .map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .map {
      padding-bottom: 70%
    }

    .figure,
    .video,
    .map,
    .form {
      margin-bottom: .8rem
    }

    audio,
    video {
      width: 100%
    }

    .form {
      position: relative
    }

    .form__legend {
      font-style: italic;
      color: #a8adac;
      position: absolute;
      overflow: hidden;
      right: 0;
      clip: rect(0 0 0 0)
    }

    button,
    .button,
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="submit"],
    input[type="color"],
    textarea,
    select {
      padding: .6rem 1.2rem;
      margin-bottom: .6rem;
      transition: color .1s, background-color .1s, border .1s;
      line-height: inherit;
      border: none;
      box-shadow: none;
      border-radius: 0;
      -webkit-appearance: none
    }

    button .icon,
    .button .icon,
    input[type="text"] .icon,
    input[type="email"] .icon,
    input[type="search"] .icon,
    input[type="submit"] .icon,
    input[type="color"] .icon,
    textarea .icon,
    select .icon {
      margin: 0 0 .35rem
    }

    input[type="submit"],
    button,
    .button {
      cursor: pointer;
      display: inline-block;
      color: #fff;
      background: #05bf85;
      transition: box-shadow .1s;
      will-change: box-shadow;
      box-shadow: inset 0 0 0 2rem transparent
    }

    input[type="submit"]:hover,
    button:hover,
    .button:hover {
      box-shadow: inset 0 0 0 2rem rgba(0, 0, 0, 0.25)
    }

    input[type="submit"]:active,
    input[type="submit"]:focus,
    button:active,
    button:focus,
    .button:active,
    .button:focus {
      box-shadow: inset 0 0 0 2rem rgba(0, 0, 0, 0.25)
    }

    .button--nav {
      background: none;
      color: #242e2b;
      margin-bottom: 0;
      min-height: 4rem;
      min-width: 4rem
    }

    @media screen and (min-width: 40em) {
      .button--nav {
        display: none
      }
    }

    .button--nav:hover,
    .button--nav:focus {
      box-shadow: none;
      color: green
    }

    .button--nav svg {
  fill: currentColor;
}


    a:focus,
    a:hover:focus,
    button:focus,
    button:hover:focus,
    .button:focus,
    .button:hover:focus,
    input:focus,
    input:hover:focus,
    textarea:focus,
    textarea:hover:focus,
    select:focus,
    select:hover:focus {
      outline: solid 0.12rem #fa407a;
      outline-offset: -.12rem
    }

    a:hover:focus {
      outline: none
    }

    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="color"],
    textarea,
    select {
      width: 100%;
      border: 1px solid #a8adac
    }

    input[type="text"]:hover,
    input[type="email"]:hover,
    input[type="search"]:hover,
    input[type="color"]:hover,
    textarea:hover,
    select:hover {
      border-color: #384743
    }

    select {
      background: #fafafa
    }

    textarea {
      resize: vertical
    }

    label {
      line-height: 2rem;
      margin-bottom: 1.49999rem;
      padding-top: .50001rem
    }

    @media screen and (min-width: 40em) {
      label {
        margin-bottom: 1.4553471429rem;
        padding-top: .5446528571rem
      }
    }

    @media screen and (min-width: 50em) {
      label {
        margin-bottom: 1.44999rem;
        padding-top: .55001rem
      }
    }

    @media screen and (min-width: 64em) {
      label {
        margin-bottom: 1.4411664706rem;
        padding-top: .5588335294rem
      }
    }

    @media screen and (min-width: 100em) {
      label {
        margin-bottom: 1.4342005263rem;
        padding-top: .5657994737rem
      }
    }

    code {
      padding: .12rem .2rem;
      color: #242e2b
    }

    pre code {
      padding: 0
    }

    .required {
      color: red
    }

    ::-webkit-input-placeholder {
      opacity: 0.5
    }

    ::-moz-placeholder {
      opacity: 0.5
    }

    :-ms-input-placeholder {
      opacity: 0.5
    }

    :-moz-placeholder {
      opacity: 0.5
    }

    ::selection {
      background: #242e2b;
      color: #fff;
      text-shadow: none
    }

    .typeset a>code {
      text-shadow: none
    }

    .typeset .button,
    .typeset button {
      background-image: none;
      text-shadow: none;
      color: #fff
    }

    .typeset .button:hover,
    .typeset .button:active,
    .typeset .button:focus,
    .typeset button:hover,
    .typeset button:active,
    .typeset button:focus {
      background-image: none;
      color: #fff
    }

    .typeset hr {
      width: 100%
    }

    .typeset li>p {
      padding: 0;
      margin: 0
    }

    .typeset .nav a {
      padding-left: 0;
      padding-right: 0;
      margin-left: .2rem;
      margin-right: .2rem
    }

    .typeset pre {
      white-space: pre;
      overflow-x: scroll
    }

    .typeset p a {
      background-image: linear-gradient(to bottom, transparent 50%, #242e2b 50%);
      text-shadow: none;
      color: #242e2b
    }

    th,
    td {
      padding: 5px 15px 5px 15px;
      border: 1px solid #384743
    }

    th {
      font-weight: bold;
      text-align: center;
      background-color: #eee
    }