pre code { overflow-x: scroll; overflow-y: hidden; display: block; line-height: 1.6em; white-space: pre; word-wrap: normal; }

.code-sandbox { border: 1px dotted #D0D0D0; width: 100%; }

.code-sandbox--frameless { border: none; }

.highlight { border-radius: 3px; overflow: auto; padding: 10px 15px; white-space: pre; word-wrap: normal; }

.code-light .highlight { background: #fff; margin-bottom: 15px; }
.code-light .highlight .c { color: #998; font-style: italic; }
.code-light .highlight .err { color: #a61717; background-color: #e3d2d2; }
.code-light .highlight .k { font-weight: bold; }
.code-light .highlight .o { font-weight: bold; }
.code-light .highlight .cm { color: #998; font-style: italic; }
.code-light .highlight .cp { color: #999; font-weight: bold; }
.code-light .highlight .c1 { color: #998; font-style: italic; }
.code-light .highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.code-light .highlight .gd { color: #000; background-color: #fdd; }
.code-light .highlight .gd .x { color: #000; background-color: #faa; }
.code-light .highlight .ge { font-style: italic; }
.code-light .highlight .gr { color: #a00; }
.code-light .highlight .gh { color: #999; }
.code-light .highlight .gi { color: #000; background-color: #dfd; }
.code-light .highlight .gi .x { color: #000; background-color: #afa; }
.code-light .highlight .go { color: #888; }
.code-light .highlight .gp { color: #555; }
.code-light .highlight .gs { font-weight: bold; }
.code-light .highlight .gu { color: #aaa; }
.code-light .highlight .gt { color: #a00; }
.code-light .highlight .kc { font-weight: bold; }
.code-light .highlight .kd { font-weight: bold; }
.code-light .highlight .kp { font-weight: bold; }
.code-light .highlight .kr { font-weight: bold; }
.code-light .highlight .kt { color: #458; font-weight: bold; }
.code-light .highlight .m { color: #099; }
.code-light .highlight .s { color: #d14; }
.code-light .highlight .na { color: #008080; }
.code-light .highlight .nb { color: #0086B3; }
.code-light .highlight .nc { color: #458; font-weight: bold; }
.code-light .highlight .no { color: #008080; }
.code-light .highlight .ni { color: #800080; }
.code-light .highlight .ne { color: #900; font-weight: bold; }
.code-light .highlight .nf { color: #900; font-weight: bold; }
.code-light .highlight .nn { color: #555; }
.code-light .highlight .nt { color: #000080; }
.code-light .highlight .nv { color: #008080; }
.code-light .highlight .ow { font-weight: bold; }
.code-light .highlight .w { color: #bbb; }
.code-light .highlight .mf { color: #099; }
.code-light .highlight .mh { color: #099; }
.code-light .highlight .mi { color: #099; }
.code-light .highlight .mo { color: #099; }
.code-light .highlight .sb { color: #d14; }
.code-light .highlight .sc { color: #d14; }
.code-light .highlight .sd { color: #d14; }
.code-light .highlight .s2 { color: #d14; }
.code-light .highlight .se { color: #d14; }
.code-light .highlight .sh { color: #d14; }
.code-light .highlight .si { color: #d14; }
.code-light .highlight .sx { color: #d14; }
.code-light .highlight .sr { color: #009926; }
.code-light .highlight .s1 { color: #d14; }
.code-light .highlight .ss { color: #990073; }
.code-light .highlight .bp { color: #999; }
.code-light .highlight .vc { color: #008080; }
.code-light .highlight .vg { color: #008080; }
.code-light .highlight .vi { color: #008080; }
.code-light .highlight .il { color: #099; }

.code-darkly .highlight { background: #343642; color: #C1C2C3; }
.code-darkly .highlight .hll { background-color: #ffc; }
.code-darkly .highlight .gd { color: #2e3436; background-color: #0e1416; }
.code-darkly .highlight .gr { color: #eeeeec; background-color: #c00; }
.code-darkly .highlight .gi { color: #babdb6; background-color: #1f2b2d; }
.code-darkly .highlight .go { color: #2c3032; background-color: #2c3032; }
.code-darkly .highlight .kt { color: #e3e7df; }
.code-darkly .highlight .ni { color: #888a85; }
.code-darkly .highlight .c, .code-darkly .highlight .cm, .code-darkly .highlight .c1, .code-darkly .highlight .cs { color: #8D9684; }
.code-darkly .highlight .err, .code-darkly .highlight .g, .code-darkly .highlight .l, .code-darkly .highlight .n, .code-darkly .highlight .x, .code-darkly .highlight .p, .code-darkly .highlight .ge, .code-darkly .highlight .gp, .code-darkly .highlight .gs, .code-darkly .highlight .gt, .code-darkly .highlight .ld, .code-darkly .highlight .s, .code-darkly .highlight .nc, .code-darkly .highlight .nd, .code-darkly .highlight .ne, .code-darkly .highlight .nl, .code-darkly .highlight .nn, .code-darkly .highlight .nx, .code-darkly .highlight .py, .code-darkly .highlight .ow, .code-darkly .highlight .w, .code-darkly .highlight .sb, .code-darkly .highlight .sc, .code-darkly .highlight .sd, .code-darkly .highlight .s2, .code-darkly .highlight .se, .code-darkly .highlight .sh, .code-darkly .highlight .si, .code-darkly .highlight .sx, .code-darkly .highlight .sr, .code-darkly .highlight .s1, .code-darkly .highlight .ss, .code-darkly .highlight .bp { color: #C1C2C3; }
.code-darkly .highlight .k, .code-darkly .highlight .kc, .code-darkly .highlight .kd, .code-darkly .highlight .kn, .code-darkly .highlight .kp, .code-darkly .highlight .kr, .code-darkly .highlight .nt { color: #729fcf; }
.code-darkly .highlight .cp, .code-darkly .highlight .gh, .code-darkly .highlight .gu, .code-darkly .highlight .na, .code-darkly .highlight .nf { color: #E9A94B; }
.code-darkly .highlight .m, .code-darkly .highlight .nb, .code-darkly .highlight .no, .code-darkly .highlight .mf, .code-darkly .highlight .mh, .code-darkly .highlight .mi, .code-darkly .highlight .mo, .code-darkly .highlight .il { color: #8ae234; }
.code-darkly .highlight .o { color: #989DAA; }
.code-darkly .highlight .nv, .code-darkly .highlight .vc, .code-darkly .highlight .vg, .code-darkly .highlight .vi { color: #fff; }

@media (min-width: 1200px) { .container { width: 970px; } }

.text-xs-left { text-align: left; }

.text-xs-center { text-align: center; }

.text-xs-right { text-align: right; }

@media (min-width: 780px) { .text-sm-left { text-align: left; } }

@media (min-width: 780px) { .text-sm-center { text-align: center; } }

@media (min-width: 780px) { .text-sm-right { text-align: right; } }

@media (min-width: 992px) { .text-md-left { text-align: left; } }

@media (min-width: 992px) { .text-md-center { text-align: center; } }

@media (min-width: 992px) { .text-md-right { text-align: right; } }

@media (min-width: 1200px) { .text-lg-left { text-align: left; } }

@media (min-width: 1200px) { .text-lg-center { text-align: center; } }

@media (min-width: 1200px) { .text-lg-right { text-align: right; } }

.chapter-list h2 { font-size: 22px; margin-top: 0; }
.chapter-list p { margin-bottom: 5px; }

body { font-size: 16px; }
.t-light body { background-color: #EBEBEB; }
.t-dark body { background-color: #444444; }
.t-gold body { background-color: #D5C8BA; }
.t-brown body { background-color: #F2ECE8; }

.t-light .anchorjs-link { color: #057BEB; }
.t-dark .anchorjs-link { color: #F4F000; }
.t-gold .anchorjs-link { color: #045BAE; }
.t-brown .anchorjs-link { color: #057BEB; }
.anchorjs-link:hover { text-decoration: none; }

.t-light .site-content, .t-light .site-footer { color: #000000; }
.t-dark .site-content, .t-dark .site-footer { color: #FFFFFF; }
.t-gold .site-content, .t-gold .site-footer { color: #000000; }
.t-brown .site-content, .t-brown .site-footer { color: #000000; }

.site-content { border-radius: 10px; padding: 30px; }
.t-light .site-content { background-color: #FFFFFF; }
.t-dark .site-content { background-color: #222222; }
.t-gold .site-content { background-color: #E5DED6; }
.t-brown .site-content { background-color: #DFD9D6; }
@media (min-width: 992px) { .site-content { padding: 60px; } }
.t-light .site-content a:not(.btn) { color: #057BEB; }
.t-dark .site-content a:not(.btn) { color: #F4F000; }
.t-gold .site-content a:not(.btn) { color: #045BAE; }
.t-brown .site-content a:not(.btn) { color: #057BEB; }
.t-light .site-content a:not(.btn):hover { color: #0354a0; }
.t-dark .site-content a:not(.btn):hover { color: #a8a500; }
.t-gold .site-content a:not(.btn):hover { color: #023463; }
.t-brown .site-content a:not(.btn):hover { color: #0354a0; }
.site-content h1 { margin-bottom: 1em; margin-top: 0; }

.site-footer { margin: 15px 0; padding: 15px 0; }

article h2, article h3, article h4, article h5, article h6 { margin: 30px 0; }
article p { margin: 15px 0; }
article form, article section { margin: 30px 0; }

.lesson-header { border-bottom: 1px solid #efefef; margin-bottom: 15px; }
.lesson-header h1 { margin-bottom: 15px; margin-top: 0; }
.lesson-header .col-sm-4 { margin-top: 15px; }

.lesson-step { margin-bottom: 15px; position: relative; text-align: center; }
.lesson-step p { border-radius: 50%; color: #FFFFFF; display: inline-block; margin-bottom: 0; line-height: 24px; height: 24px; width: 24px; }
.t-light .lesson-step p { background-color: #46A5E6; }
.t-dark .lesson-step p { background-color: #46A5E6; }
.t-gold .lesson-step p { background-color: #46A5E6; }
.t-brown .lesson-step p { background-color: #46A5E6; }
.lesson-step p:after, .lesson-step p:before { content: ''; height: 1px; margin-top: 10px; position: absolute; width: 40%; }
.t-light .lesson-step p:after, .t-light .lesson-step p:before { background-color: #46A5E6; }
.t-dark .lesson-step p:after, .t-dark .lesson-step p:before { background-color: #46A5E6; }
.t-gold .lesson-step p:after, .t-gold .lesson-step p:before { background-color: #46A5E6; }
.t-brown .lesson-step p:after, .t-brown .lesson-step p:before { background-color: #46A5E6; }
.lesson-step p:after { right: 0; }
.lesson-step p:before { left: 0; }

.lesson-content a:not(.anchorjs-link) { text-decoration: underline; }
.lesson-content h2 { font-size: 28px; font-weight: 300; }
.lesson-content img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }

.lesson-footer { border-top: 1px solid #efefef; margin-top: 30px; padding-top: 15px; }

.colorscheme__preview { border: 1px solid #efefef; padding: 0 15px; }
.colorscheme__preview.background { padding: 15px; }
.theme-local.t-light .colorscheme__preview.background { background-color: #EBEBEB; }
.theme-local.t-dark .colorscheme__preview.background { background-color: #444444; }
.theme-local.t-gold .colorscheme__preview.background { background-color: #D5C8BA; }
.theme-local.t-brown .colorscheme__preview.background { background-color: #F2ECE8; }
.colorscheme__preview .content { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 15px; }
.theme-local.t-light .colorscheme__preview .content { background-color: #FFFFFF; }
.theme-local.t-dark .colorscheme__preview .content { background-color: #222222; }
.theme-local.t-gold .colorscheme__preview .content { background-color: #E5DED6; }
.theme-local.t-brown .colorscheme__preview .content { background-color: #DFD9D6; }
.theme-local.t-light .colorscheme__preview .content { color: #000000; }
.theme-local.t-dark .colorscheme__preview .content { color: #FFFFFF; }
.theme-local.t-gold .colorscheme__preview .content { color: #000000; }
.theme-local.t-brown .colorscheme__preview .content { color: #000000; }
.colorscheme__preview .content h1 { margin-top: 0; }

.colorscheme__options { padding: 15px 0; text-align: center; }