code{font-family:Menlo, monospace}code.highlighter-rouge{color:#263238;background:rgba(109,189,182,0.2);padding:3px}.highlighter-rouge,figure.highlight{position:relative;margin-bottom:1rem;background:#263238;color:#eff;font-size:0.85rem;line-height:1.8;border-radius:4px}.highlighter-rouge>pre,.highlighter-rouge pre.highlight,figure.highlight>pre,figure.highlight pre.highlight{margin:0;padding:1em}.highlight table{margin-bottom:0;font-size:1em;border:0}.highlight table td{padding:0;width:calc(100% - 1em);border:0}.highlight table td.gutter,.highlight table td.rouge-gutter{padding-right:1em;width:1em;color:#b2ccd6;border-right:1px solid #b2ccd6;text-align:right}.highlight table td.code,.highlight table td.rouge-code{padding-left:1em}.highlight table pre{margin:0}.highlight pre{width:100%;overflow:auto}.highlight .hll{background-color:#eff}.highlight .c{color:#6C7F87;font-style:italic}.highlight .err{color:#f07178}.highlight .k{color:#c792ea}.highlight .l{color:#f78c6c}.highlight .n{color:#eff}.highlight .o{color:#89ddff}.highlight .p{color:#eff}.highlight .cm{color:#b2ccd6;font-style:italic}.highlight .cp{color:#b2ccd6;font-style:italic}.highlight .c1{color:#b2ccd6;font-style:italic}.highlight .cs{color:#b2ccd6;font-style:italic}.highlight .gd{color:#f07178}.highlight .ge{font-style:italic}.highlight .gh{color:#eff;font-weight:bold}.highlight .gi{color:#c3e88d}.highlight .gp{color:#b2ccd6;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#89ddff;font-weight:bold}.highlight .kc{color:#c792ea}.highlight .kd{color:#c792ea}.highlight .kn{color:#89ddff}.highlight .kp{color:#c792ea}.highlight .kr{color:#c792ea}.highlight .kt{color:#ffcb6b}.highlight .ld{color:#c3e88d}.highlight .m{color:#f78c6c}.highlight .s{color:#c3e88d}.highlight .na{color:#82aaff}.highlight .nb{color:#eff}.highlight .nc{color:#ffcb6b}.highlight .no{color:#f07178}.highlight .nd{color:#89ddff}.highlight .ni{color:#eff}.highlight .ne{color:#f07178}.highlight .nf{color:#82aaff}.highlight .nl{color:#eff}.highlight .nn{color:#ffcb6b}.highlight .nx{color:#82aaff}.highlight .py{color:#eff}.highlight .nt{color:#6DBDB6}.highlight .nv{color:#f07178}.highlight .ow{color:#89ddff}.highlight .w{color:#eff}.highlight .mf{color:#f78c6c}.highlight .mh{color:#f78c6c}.highlight .mi{color:#f78c6c}.highlight .mo{color:#f78c6c}.highlight .sb{color:#c3e88d}.highlight .sc{color:#eff}.highlight .sd{color:#b2ccd6}.highlight .s2{color:#c3e88d}.highlight .se{color:#f78c6c}.highlight .sh{color:#c3e88d}.highlight .si{color:#f78c6c}.highlight .sx{color:#c3e88d}.highlight .sr{color:#c3e88d}.highlight .s1{color:#c3e88d}.highlight .ss{color:#c3e88d}.highlight .bp{color:#eff}.highlight .vc{color:#f07178}.highlight .vg{color:#f07178}.highlight .vi{color:#f07178}.highlight .il{color:#f78c6c}.gist th,.gist td{border-bottom:0}*,*:before,*:after{box-sizing:border-box}html,body,div,h1,h2,h3,h4,h5,h6{margin:0;padding:0}a:link,a:visited,a:hover,a:active{text-decoration:none}body{font-family:monospace;color:#282C34}header{margin-top:3rem}h1{font-size:2rem}h2{font-size:1.5rem}p,a,ul,ol{font-size:1.125rem}small{font-size:1rem;font-weight:bold;margin:0}a{color:#6DBDB6}a:hover,a:focus{color:#282C34;border-bottom:3px solid #6DBDB6;padding-bottom:1px;transition:0.2s ease}img{width:100%;height:auto}div.lock{display:flex;flex-direction:column;justify-content:space-between;width:85%;min-height:100vh;margin:0 auto;line-height:1.5}@media (min-width: 500px){div.lock{width:60%;max-width:750px}}#hero-img{height:auto;border-radius:50%;width:30%;min-width:250px;margin-bottom:2rem}.project{position:relative;margin:2rem 0}.project img{object-fit:cover;height:300px;opacity:0.6}.project .intro small{position:absolute;top:268px;left:-8px;color:#fff;background-color:#6dbdb6;padding:8px}.project .intro h2{margin:1rem 0}@media (min-width: 500px){.prototype{height:700px}}.rendered-example,div.highlight{margin:2rem 0}#css-positioning{display:none}#css-positioning-img{display:block}@media (min-width: 1000px){#css-positioning{display:block}#css-positioning-img{display:none}}footer{margin:1rem 0}#copyright a{font-size:1em}#footer-logo{max-width:30px;display:block;margin-bottom:10px}