body,
html {
 margin:0;
 padding:0;
 width:100%;
 min-height:100%
}
body {
 background:#fff;
 line-height:20px;
 font-size:12px;
 font-family:"Source Code Pro","Pingfang SC","Segoe UI",Roboto,Helvetica,Arial,'Microsoft YaHei',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 tab-size:4
}
a {
 color:#999;
 text-decoration:none
}
a:hover {
 color:#3b99fc
}



.markdown-body {
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%;
 color:#333;
 font-family:"Source Code Pro","Pingfang SC","Segoe UI",Roboto,Helvetica,Arial,'Microsoft YaHei',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 font-size:16px;
 line-height:1.7;
 word-wrap:break-word
}
.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 {
 color:#f8f8f8;
 background-color:#b52a1d
}
.markdown-body .pl-sr .pl-cce {
 font-weight:700;
 color:#63a35c
}
.markdown-body .pl-ml {
 color:#693a17
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
 font-weight:700;
 color:#1d3e81
}
.markdown-body .pl-mq {
 color:teal
}
.markdown-body .pl-mi {
 font-style:italic;
 color:#333
}
.markdown-body .pl-mb {
 font-weight:700;
 color:#333
}
.markdown-body .pl-md {
 color:#bd2c00;
 background-color:#ffecec
}
.markdown-body .pl-mi1 {
 color:#55a532;
 background-color:#eaffea
}
.markdown-body .pl-mdr {
 font-weight:700;
 color:#795da3
}
.markdown-body .pl-mo {
 color:#1d3e81
}
.markdown-body .octicon {
 display:inline-block;
 vertical-align:text-top;
 fill:currentColor
}
.markdown-body a {
 background-color:transparent;
 -webkit-text-decoration-skip:objects
}
.markdown-body a:active,
.markdown-body a:hover {
 outline-width:0
}
.markdown-body strong {
 font-weight:inherit
}
.markdown-body strong {
 font-weight:bolder
}
.markdown-body h1 {
 font-size:2em;
 margin:.67em 0
}
.markdown-body img {
 border-style:none
}
.markdown-body svg:not(:root) {
 overflow:hidden
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre {
 font-family:monospace,monospace;
 font-size:1em
}
.markdown-body hr {
 box-sizing:content-box;
 height:0;
 overflow:visible
}
.markdown-body input {
 font:inherit;
 margin:0
}
.markdown-body input {
 overflow:visible
}
.markdown-body [type=button]:-moz-focusring,
.markdown-body [type=reset]:-moz-focusring,
.markdown-body [type=submit]:-moz-focusring,
.markdown-body button:-moz-focusring {
 outline:1px dotted ButtonText
}
.markdown-body [type=checkbox] {
 box-sizing:border-box;
 padding:0
}
.markdown-body * {
 box-sizing:border-box
}
.markdown-body input {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit
}
.markdown-body a {
 color:#4078c0;
 text-decoration:none
}
.markdown-body a:active,
.markdown-body a:hover {
 text-decoration:underline
}
.markdown-body strong {
 font-weight:600
}
.markdown-body hr {
 height:0;
 margin:15px 0;
 overflow:hidden;
 background:0 0;
 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 table {
 border-spacing:0;
 border-collapse:collapse
}
.markdown-body td,
.markdown-body th {
 padding:0
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
 margin-top:0;
 margin-bottom:0
}
.markdown-body h1 {
 font-size:32px;
 font-weight:600
}
.markdown-body h2 {
 font-size:24px;
 font-weight:600
}
.markdown-body h3 {
 font-size:20px;
 font-weight:600
}
.markdown-body h4 {
 font-size:16px;
 font-weight:600
}
.markdown-body h5 {
 font-size:14px;
 font-weight:600
}
.markdown-body h6 {
 font-size:12px;
 font-weight:600
}
.markdown-body blockquote {
 margin:0
}
.markdown-body ol,
.markdown-body ul {
 padding-left:0;
 margin-top:0;
 margin-bottom:0
}
.markdown-body ol ol,
.markdown-body ul ol {
 list-style-type:lower-roman
}
.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul 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 .octicon {
 vertical-align:text-bottom
}
.markdown-body input {
 -webkit-font-feature-settings:"liga" 0;
 font-feature-settings:"liga" 0
}
.markdown-body .form-select::-ms-expand {
 opacity:0
}
.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 {
 float:left;
 padding-right:4px;
 margin-left:-20px;
 line-height:1
}
.markdown-body .anchor:focus {
 outline:0
}
.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
 margin-top:0;
 margin-bottom:24px
}
.markdown-body hr {
 height:.25em;
 padding:0;
 margin:24px 0;
 background-color:#e7e7e7;
 border:0
}
.markdown-body blockquote {
 padding:0 2em;
 color:#777;
 border-left:.25em solid #ddd
}
.markdown-body blockquote>:first-child {
 margin-top:0
}
.markdown-body blockquote>:last-child {
 margin-bottom:0
}
.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 h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
 margin-top:20px;
 margin-bottom:12px;
 font-weight:600;
 line-height:1.25
}
.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:.3em;
 font-size:2em
}
.markdown-body h2 {
 padding-bottom:.3em;
 font-size:1.5em
}
.markdown-body h3 {
 font-size:1.25em
}
.markdown-body h4 {
 font-size:1em
}
.markdown-body h5 {
 font-size:.875em
}
.markdown-body h6 {
 font-size:.85em;
 color:#777
}
.markdown-body ol,
.markdown-body ul {
 padding-left:2em
}
.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
 margin-top:0;
 margin-bottom:0
}
.markdown-body li>p {
 margin-top:16px
}
.markdown-body li+li {
 margin-top:.25em
}
.markdown-body dl {
 padding:0
}
.markdown-body dl dt {
 padding:0;
 margin-top:16px;
 font-size:1em;
 font-style:italic;
 font-weight:700
}
.markdown-body dl dd {
 padding:0 16px;
 margin-bottom:16px
}
.markdown-body table {
 display:block;
 width:100%;
 overflow:auto;
 word-break:keep-all
}
.markdown-body table th {
 font-weight:700
}
.markdown-body table td,
.markdown-body table th {
 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:.2em;
 padding-bottom:.2em;
 margin:0;
 font-size:85%;
 background-color:rgba(0,0,0,.04);
 border-radius:3px
}
.markdown-body code::after,
.markdown-body code::before {
 letter-spacing:-.2em;
 content:"\00a0"
}
.markdown-body pre {
 word-wrap:normal
}
.markdown-body pre>code {
 padding:0;
 margin:0;
 font-size:100%;
 word-break:normal;
 white-space:pre-wrap;
 background:0 0;
 border:0
}
.markdown-body .highlight {
 margin-bottom:16px
}
.markdown-body .highlight pre {
 margin-bottom:0;
 word-break:normal
}
.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 pre code {
 display:inline;
 padding:0;
 margin:0;
 overflow:visible;
 line-height:inherit;
 word-wrap:normal;
 background-color:transparent;
 border:0
}
.markdown-body pre code::after,
.markdown-body pre code::before {
 content:normal
}
.markdown-body .pl-0 {
 padding-left:0!important
}
.markdown-body .pl-1 {
 padding-left:3px!important
}
.markdown-body .pl-2 {
 padding-left:6px!important
}
.markdown-body .pl-3 {
 padding-left:12px!important
}
.markdown-body .pl-4 {
 padding-left:24px!important
}
.markdown-body .pl-5 {
 padding-left:36px!important
}
.markdown-body .pl-6 {
 padding-left:48px!important
}
.markdown-body .full-commit .btn-outline:not(:disabled):hover {
 color:#4078c0;
 border:1px solid #4078c0
}
.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 :checked+.radio-label {
 position:relative;
 z-index:1;
 border-color:#4078c0
}
.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 .2em .25em -1.6em;
 vertical-align:middle
}
.markdown-body hr {
 border-bottom-color:#eee
}
.wonderpen-page {
 position:relative
}
.wonderpen-page.fixed-width .wonderpen-content {
 margin:0 auto;
 max-width:800px
}
.wonderpen-content {
 font-size:14px;
 line-height:1.7;
 min-height:100%
}
.wonderpen-content .markdown-body {
 padding:40px
}
.markdown-body,
body {
 font-family:Myanmar Text
}
body {
 background-color:#eee
}
@media (min-width:980px) {
 .wonderpen-page {
  margin:3em auto
 }
}
.markdown-body {
 background-color:#fff
}
.markdown-body h1,
h2 {
 color:#10a3ee
}
.markdown-body blockquote {
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:1.6em 0;
 padding:0 0 0 1.2em;
 border-left:4px solid #16b0ff;
 color:#888;
 min-height:20px
}
.markdown-body pre {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    background-color: #3c3f43;
    padding: 10px 10px 10px 40px;
    font-size: 15px;
    line-height: 18px;
    white-space: pre-wrap;
    word-break: break-all;
    position: relative;
    overflow: hidden;
}

.markdown-body pre::before {
    content: '01.\A 02.\A 03.\A 04.\A 05.\A 06.\A 07.\A 08.\A 09.\A 10.\A 11.\A 12.\A 13.\A 14.\A 15.\A 16.\A 17.\A 18.\A 19.\A 20.\A 21.\A 22.\A 23.\A 24.\A 25.\A 26.\A 27.\A 28.\A 29.\A 30.\A 31.\A 32.\A 33.\A 34.\A 35.\A 36.\A 37.\A 38.\A 39.\A 40.\A 41.\A 42.\A 43.\A 44.\A 45.\A 46.\A 47.\A 48.\A 49.\A 50.\A 51.\A 52.\A 53.\A 54.\A 55.\A 56.\A 57.\A 58.\A 59.\A 60.\A 61.\A 62.\A 63.\A 64.\A 65.\A 66.\A 67.\A 68.\A 69.\A 70.\A 71.\A 72.\A 73.\A 74.\A 75.\A 76.\A 77.\A 78.\A 79.\A 80.\A 81.\A 82.\A 83.\A 84.\A 85.\A 86.\A 87.\A 88.\A 89.\A 90.\A 91.\A 92.\A 93.\A 94.\A 95.\A 96.\A 97.\A 98.\A 99';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    text-align: right;
    background-color: #696969;
    outline: 100px solid #696969;
    clip: rect(-100px 2em 9999px 0);
    /* IE9+ */
    clip: rect(-100px 3.5ch 9999px 0);
    overflow: hidden;
}