html, body {
    padding: 0;
    margin: 0
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

* {
    box-sizing: inherit
}

figure.highlight {
    margin: 0 0 1.6rem 0
}

ol.menu {
    width: 100%;
    text-align: left;
    padding: 0 !important;
    list-style: none;
    border: 0.1rem solid #ddd;
    border-radius: 0.3rem;
    margin-top: 2rem !important;
    max-width: 40rem;
    margin: 0 auto
}

    ol.menu li {
        border-bottom: 0.1rem solid #ddd;
        padding: 0.2rem 0.5rem
    }

        ol.menu li.active {
            background-color: #F7F7F7
        }

    ol.menu a {
        display: block
    }

@media (min-width: 60rem) {
    ol.menu {
        
    }
}

nav {
    width: 100%;
    text-align: center
}

@media (min-width: 60rem) {
    main {
        max-width: 90rem;
        margin: 0 auto;
        width: 100%
    }

    #barba-wrapper {
        float: right
    }

    nav {
        position: fixed;
        max-width: 24rem;
        
        bottom: 0;
        top: 0;
        border-right: 0.1rem solid #ddd
    }
}

#barba-wrapper {
    width: 100%;
    padding: 2rem 1rem;
    max-width: 65rem;
    margin: 0 auto
}

@media (min-width: 60rem) {
    #barba-wrapper {
        padding: 3rem 2rem
    }
}

.barba-container.homepage {
    text-align: center
}

#logo {
    display: inline-block;
    margin-top: 2rem;
    width: 70%;
    max-width: 23rem;
    position: relative
}

    #logo svg {
        width: 100%;
        height: 25%
    }

@font-face {
    font-family: octicons-link;
    src: url(data:font/woff;charset=utf-8;base64,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) format("woff")
}

.markdown-body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word
}

    .markdown-body a {
        background-color: transparent
    }

        .markdown-body a:active, .markdown-body a:hover {
            outline: 0
        }

    .markdown-body strong {
        font-weight: bold
    }

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

    .markdown-body img {
        border: 0
    }

    .markdown-body hr {
        box-sizing: content-box;
        height: 0
    }

    .markdown-body pre {
        overflow: auto
    }

    .markdown-body code, .markdown-body kbd, .markdown-body pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    .markdown-body input {
        color: inherit;
        font: inherit;
        margin: 0
    }

    .markdown-body html input[disabled] {
        cursor: default
    }

    .markdown-body input {
        line-height: normal
    }

        .markdown-body input[type="checkbox"] {
            box-sizing: border-box;
            padding: 0
        }

    .markdown-body table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .markdown-body td, .markdown-body th {
        padding: 0
    }

    .markdown-body * {
        box-sizing: border-box
    }

    .markdown-body input {
        font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
    }

    .markdown-body a {
        color: #4078c0;
        text-decoration: none
    }

        .markdown-body a:hover, .markdown-body a:active {
            text-decoration: underline
        }

    .markdown-body hr {
        height: 0;
        margin: 15px 0;
        overflow: hidden;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ddd
    }

        .markdown-body hr:before {
            display: table;
            content: ""
        }

        .markdown-body hr:after {
            display: table;
            clear: both;
            content: ""
        }

    .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 1.1
    }

    .markdown-body h1 {
        font-size: 30px
    }

    .markdown-body h2 {
        font-size: 21px
    }

    .markdown-body h3 {
        font-size: 16px
    }

    .markdown-body h4 {
        font-size: 14px
    }

    .markdown-body h5 {
        font-size: 12px
    }

    .markdown-body h6 {
        font-size: 11px
    }

    .markdown-body blockquote {
        margin: 0
    }

    .markdown-body ul, .markdown-body ol {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0
    }

        .markdown-body ol ol, .markdown-body ul ol {
            list-style-type: lower-roman
        }

            .markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol {
                list-style-type: lower-alpha
            }

    .markdown-body dd {
        margin-left: 0
    }

    .markdown-body code {
        font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
        font-size: 12px
    }

    .markdown-body pre {
        margin-top: 0;
        margin-bottom: 0;
        font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace
    }

    .markdown-body .select::-ms-expand {
        opacity: 0
    }

    .markdown-body .octicon {
        font: normal normal normal 16px/1 octicons-link;
        display: inline-block;
        text-decoration: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .markdown-body .octicon-link:before {
        content: '\f05c'
    }

    .markdown-body:before {
        display: table;
        content: ""
    }

    .markdown-body:after {
        display: table;
        clear: both;
        content: ""
    }

    .markdown-body > *:first-child {
        margin-top: 0 !important
    }

    .markdown-body > *:last-child {
        margin-bottom: 0 !important
    }

    .markdown-body a:not([href]) {
        color: inherit;
        text-decoration: none
    }

    .markdown-body .anchor {
        display: inline-block;
        padding-right: 2px;
        margin-left: -18px
    }

        .markdown-body .anchor:focus {
            outline: none
        }

    .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
        margin-top: 1em;
        margin-bottom: 16px;
        font-weight: bold;
        line-height: 1.4
    }

        .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
            color: #000;
            vertical-align: middle;
            visibility: hidden
        }

        .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
            text-decoration: none
        }

            .markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
                visibility: visible
            }

    .markdown-body h1 {
        padding-bottom: 0.3em;
        font-size: 2.25em;
        line-height: 1.2;
        border-bottom: 1px solid #eee
    }

        .markdown-body h1 .anchor {
            line-height: 1
        }

    .markdown-body h2 {
        padding-bottom: 0.3em;
        font-size: 1.75em;
        line-height: 1.225;
        border-bottom: 1px solid #eee
    }

        .markdown-body h2 .anchor {
            line-height: 1
        }

    .markdown-body h3 {
        font-size: 1.5em;
        line-height: 1.43
    }

        .markdown-body h3 .anchor {
            line-height: 1.2
        }

    .markdown-body h4 {
        font-size: 1.25em
    }

        .markdown-body h4 .anchor {
            line-height: 1.2
        }

    .markdown-body h5 {
        font-size: 1em
    }

        .markdown-body h5 .anchor {
            line-height: 1.1
        }

    .markdown-body h6 {
        font-size: 1em;
        color: #777
    }

        .markdown-body h6 .anchor {
            line-height: 1.1
        }

    .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {
        margin-top: 0;
        margin-bottom: 16px
    }

    .markdown-body hr {
        height: 4px;
        padding: 0;
        margin: 16px 0;
        background-color: #e7e7e7;
        border: 0 none
    }

    .markdown-body ul, .markdown-body ol {
        padding-left: 2em
    }

        .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
            margin-top: 0;
            margin-bottom: 0
        }

    .markdown-body li > p {
        margin-top: 16px
    }

    .markdown-body dl {
        padding: 0
    }

        .markdown-body dl dt {
            padding: 0;
            margin-top: 16px;
            font-size: 1em;
            font-style: italic;
            font-weight: bold
        }

        .markdown-body dl dd {
            padding: 0 16px;
            margin-bottom: 16px
        }

    .markdown-body blockquote {
        padding: 0 15px;
        color: #777;
        border-left: 4px solid #ddd
    }

        .markdown-body blockquote > :first-child {
            margin-top: 0
        }

        .markdown-body blockquote > :last-child {
            margin-bottom: 0
        }

    .markdown-body table {
        display: block;
        width: 100%;
        overflow: auto;
        word-break: normal;
        word-break: keep-all
    }

        .markdown-body table th {
            font-weight: bold
        }

        .markdown-body table th, .markdown-body table td {
            padding: 6px 13px;
            border: 1px solid #ddd
        }

        .markdown-body table tr {
            background-color: #fff;
            border-top: 1px solid #ccc
        }

            .markdown-body table tr:nth-child(2n) {
                background-color: #f8f8f8
            }

    .markdown-body img {
        max-width: 100%;
        box-sizing: content-box;
        background-color: #fff
    }

    .markdown-body code {
        padding: 0;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        margin: 0;
        font-size: 85%;
        background-color: rgba(0,0,0,0.04);
        border-radius: 3px
    }

        .markdown-body code:before, .markdown-body code:after {
            letter-spacing: -0.2em;
            content: "\00a0"
        }

    .markdown-body pre > code {
        padding: 0;
        margin: 0;
        font-size: 100%;
        word-break: normal;
        white-space: pre;
        background: transparent;
        border: 0
    }

    .markdown-body .highlight {
        margin-bottom: 16px
    }

        .markdown-body .highlight pre, .markdown-body pre {
            padding: 16px;
            overflow: auto;
            font-size: 85%;
            line-height: 1.45;
            background-color: #f7f7f7;
            border-radius: 3px
        }

        .markdown-body .highlight pre {
            margin-bottom: 0;
            word-break: normal
        }

    .markdown-body pre {
        word-wrap: normal
    }

        .markdown-body pre code {
            display: inline;
            max-width: initial;
            padding: 0;
            margin: 0;
            overflow: initial;
            line-height: inherit;
            word-wrap: normal;
            background-color: transparent;
            border: 0
        }

            .markdown-body pre code:before, .markdown-body pre code:after {
                content: normal
            }

    .markdown-body kbd {
        display: inline-block;
        padding: 3px 5px;
        font-size: 11px;
        line-height: 10px;
        color: #555;
        vertical-align: middle;
        background-color: #fcfcfc;
        border: solid 1px #ccc;
        border-bottom-color: #bbb;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #bbb
    }

    .markdown-body .pl-c {
        color: #969896
    }

    .markdown-body .pl-c1, .markdown-body .pl-s .pl-v {
        color: #0086b3
    }

    .markdown-body .pl-e, .markdown-body .pl-en {
        color: #795da3
    }

    .markdown-body .pl-s .pl-s1, .markdown-body .pl-smi {
        color: #333
    }

    .markdown-body .pl-ent {
        color: #63a35c
    }

    .markdown-body .pl-k {
        color: #a71d5d
    }

    .markdown-body .pl-pds, .markdown-body .pl-s, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sra, .markdown-body .pl-sr .pl-sre {
        color: #183691
    }

    .markdown-body .pl-v {
        color: #ed6a43
    }

    .markdown-body .pl-id {
        color: #b52a1d
    }

    .markdown-body .pl-ii {
        background-color: #b52a1d;
        color: #f8f8f8
    }

    .markdown-body .pl-sr .pl-cce {
        color: #63a35c;
        font-weight: bold
    }

    .markdown-body .pl-ml {
        color: #693a17
    }

    .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
        color: #1d3e81;
        font-weight: bold
    }

    .markdown-body .pl-mq {
        color: #008080
    }

    .markdown-body .pl-mi {
        color: #333;
        font-style: italic
    }

    .markdown-body .pl-mb {
        color: #333;
        font-weight: bold
    }

    .markdown-body .pl-md {
        background-color: #ffecec;
        color: #bd2c00
    }

    .markdown-body .pl-mi1 {
        background-color: #eaffea;
        color: #55a532
    }

    .markdown-body .pl-mdr {
        color: #795da3;
        font-weight: bold
    }

    .markdown-body .pl-mo {
        color: #1d3e81
    }

    .markdown-body kbd {
        display: inline-block;
        padding: 3px 5px;
        font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
        line-height: 10px;
        color: #555;
        vertical-align: middle;
        background-color: #fcfcfc;
        border: solid 1px #ccc;
        border-bottom-color: #bbb;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 #bbb
    }

    .markdown-body .task-list-item {
        list-style-type: none
    }

        .markdown-body .task-list-item + .task-list-item {
            margin-top: 3px
        }

        .markdown-body .task-list-item input {
            margin: 0 0.35em 0.25em -1.6em;
            vertical-align: middle
        }

    .markdown-body :checked + .radio-label {
        z-index: 1;
        position: relative;
        border-color: #4078c0
    }

.highlight {
    background: #ffffff
}

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

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

    .highlight .k {
        font-weight: bold
    }

    .highlight .o {
        font-weight: bold
    }

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

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

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

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

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

        .highlight .gd .x {
            color: #000000;
            background-color: #faa
        }

    .highlight .ge {
        font-style: italic
    }

    .highlight .gr {
        color: #a00
    }

    .highlight .gh {
        color: #999
    }

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

        .highlight .gi .x {
            color: #000000;
            background-color: #afa
        }

    .highlight .go {
        color: #888
    }

    .highlight .gp {
        color: #555
    }

    .highlight .gs {
        font-weight: bold
    }

    .highlight .gu {
        color: #aaa
    }

    .highlight .gt {
        color: #a00
    }

    .highlight .kc {
        font-weight: bold
    }

    .highlight .kd {
        font-weight: bold
    }

    .highlight .kp {
        font-weight: bold
    }

    .highlight .kr {
        font-weight: bold
    }

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

    .highlight .m {
        color: #099
    }

    .highlight .s {
        color: #d14
    }

    .highlight .na {
        color: teal
    }

    .highlight .nb {
        color: #0086B3
    }

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

    .highlight .no {
        color: teal
    }

    .highlight .ni {
        color: purple
    }

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

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

    .highlight .nn {
        color: #555
    }

    .highlight .nt {
        color: navy
    }

    .highlight .nv {
        color: teal
    }

    .highlight .ow {
        font-weight: bold
    }

    .highlight .w {
        color: #bbb
    }

    .highlight .mf {
        color: #099
    }

    .highlight .mh {
        color: #099
    }

    .highlight .mi {
        color: #099
    }

    .highlight .mo {
        color: #099
    }

    .highlight .sb {
        color: #d14
    }

    .highlight .sc {
        color: #d14
    }

    .highlight .sd {
        color: #d14
    }

    .highlight .s2 {
        color: #d14
    }

    .highlight .se {
        color: #d14
    }

    .highlight .sh {
        color: #d14
    }

    .highlight .si {
        color: #d14
    }

    .highlight .sx {
        color: #d14
    }

    .highlight .sr {
        color: #009926
    }

    .highlight .s1 {
        color: #d14
    }

    .highlight .ss {
        color: #990073
    }

    .highlight .bp {
        color: #999
    }

    .highlight .vc {
        color: teal
    }

    .highlight .vg {
        color: teal
    }

    .highlight .vi {
        color: teal
    }

    .highlight .il {
        color: #099
    }