body{font-family:'Karla', sans-serif;line-height:1.6;color:#444;font-size:16px}ul{list-style:square}a{color:#49ada6}*{box-sizing:border-box}p code{display:inline-block;border:1px solid #ccc;border-radius:2px;background:#eee;padding:0 4px}pre.highlight{margin:0 -32px;padding:16px 32px;overflow:auto}main{clear:both;margin-left:400px;margin-right:200px;padding:32px;max-width:550px}@media screen and (max-width: 1000px) and (min-width: 801px){main{margin-left:200px}}@media screen and (max-width: 800px){main{margin-left:0;padding-bottom:64px}}@media screen and (max-width: 600px){main{margin-right:0}}main section{margin:0 0 64px}main section:after{position:absolute;width:200px;border-top:1px solid #49ada6;height:1px;content:" ";margin-top:32px}main section h2:first-child{font-size:16px;color:#FF795D;font-weight:normal}main section.intro>h2{font-weight:normal;color:#E85EA5;margin:0;font-size:22px}main section.intro>h2 strong{font-weight:normal;color:#bc2a66}main section.intro>p{color:#666;font-size:14px;text-transform:uppercase}main section *:last-child{margin-bottom:0}.highlighter-rouge code,.highlighter-rouge pre{color:#fdce93;background-color:#3f3f3f}.highlighter-rouge .hll{background-color:#222}.highlighter-rouge .c{color:#7f9f7f}.highlighter-rouge .err{color:#e37170;background-color:#3d3535}.highlighter-rouge .g{color:#7f9f7f}.highlighter-rouge .k{color:#f0dfaf}.highlighter-rouge .l{color:#ccc}.highlighter-rouge .n{color:#dcdccc}.highlighter-rouge .o{color:#f0efd0}.highlighter-rouge .x{color:#ccc}.highlighter-rouge .p{color:#41706f}.highlighter-rouge .cm{color:#7f9f7f}.highlighter-rouge .cp{color:#7f9f7f}.highlighter-rouge .c1{color:#7f9f7f}.highlighter-rouge .cs{color:#cd0000;font-weight:bold}.highlighter-rouge .gd{color:#cd0000}.highlighter-rouge .ge{color:#ccc;font-style:italic}.highlighter-rouge .gr{color:red}.highlighter-rouge .gh{color:#dcdccc;font-weight:bold}.highlighter-rouge .gi{color:#00cd00}.highlighter-rouge .go{color:gray}.highlighter-rouge .gp{color:#dcdccc;font-weight:bold}.highlighter-rouge .gs{color:#ccc;font-weight:bold}.highlighter-rouge .gu{color:purple;font-weight:bold}.highlighter-rouge .gt{color:#0040D0}.highlighter-rouge .kc{color:#dca3a3}.highlighter-rouge .kd{color:#ffff86}.highlighter-rouge .kn{color:#dfaf8f;font-weight:bold}.highlighter-rouge .kp{color:#cdcf99}.highlighter-rouge .kr{color:#cdcd00}.highlighter-rouge .kt{color:#00cd00}.highlighter-rouge .ld{color:#cc9393}.highlighter-rouge .m{color:#8cd0d3}.highlighter-rouge .s{color:#cc9393}.highlighter-rouge .na{color:#9ac39f}.highlighter-rouge .nb{color:#efef8f}.highlighter-rouge .nc{color:#efef8f}.highlighter-rouge .no{color:#ccc}.highlighter-rouge .nd{color:#ccc}.highlighter-rouge .ni{color:#c28182}.highlighter-rouge .ne{color:#c3bf9f;font-weight:bold}.highlighter-rouge .nf{color:#efef8f}.highlighter-rouge .nl{color:#ccc}.highlighter-rouge .nn{color:#8fbede}.highlighter-rouge .nx{color:#ccc}.highlighter-rouge .py{color:#ccc}.highlighter-rouge .nt{color:#9ac39f}.highlighter-rouge .nv{color:#dcdccc}.highlighter-rouge .ow{color:#f0efd0}.highlighter-rouge .w{color:#ccc}.highlighter-rouge .mf{color:#8cd0d3}.highlighter-rouge .mh{color:#8cd0d3}.highlighter-rouge .mi{color:#8cd0d3}.highlighter-rouge .mo{color:#8cd0d3}.highlighter-rouge .sb{color:#cc9393}.highlighter-rouge .sc{color:#cc9393}.highlighter-rouge .sd{color:#cc9393}.highlighter-rouge .s2{color:#cc9393}.highlighter-rouge .se{color:#cc9393}.highlighter-rouge .sh{color:#cc9393}.highlighter-rouge .si{color:#cc9393}.highlighter-rouge .sx{color:#cc9393}.highlighter-rouge .sr{color:#cc9393}.highlighter-rouge .s1{color:#cc9393}.highlighter-rouge .ss{color:#cc9393}.highlighter-rouge .bp{color:#efef8f}.highlighter-rouge .vc{color:#efef8f}.highlighter-rouge .vg{color:#dcdccc}.highlighter-rouge .vi{color:#ffffc7}.highlighter-rouge .il{color:#8cd0d3}header.brand{height:100%;position:fixed;width:400px;left:0;top:0;border-right:1px solid #e9d362;background:url(/assets/pattern.svg);background-size:75%}header.brand h1{padding-top:100px;text-align:center}header.brand h1 img{width:200px}@media screen and (max-width: 1000px) and (min-width: 801px){header.brand{width:200px}header.brand img{max-width:80%}}@media screen and (max-width: 800px){header.brand{height:auto;position:static;width:auto;border-right:none;border-bottom:1px solid #e9d362;background-size:300px;margin-right:200px}header.brand h1{padding-top:32px;margin:0}}@media screen and (max-width: 600px){header.brand{margin:0}}body>footer{width:400px;position:fixed;bottom:50px;left:0;text-align:center}body>footer span{display:none}@media screen and (max-width: 1000px) and (min-width: 801px){body>footer{width:200px}}@media screen and (max-width: 800px){body>footer{width:100%;background:#fcfcfc;border-top:1px solid #eee;bottom:0;padding:8px}}@media screen and (max-width: 600px){body>footer span{display:inline}}header.nav{height:100%;position:fixed;width:200px;right:0;top:0;border-left:1px solid #ccc;background:#fcfcfc}header.nav ul{list-style:none;margin:0;padding:0}header.nav ul li{border-bottom:1px solid #ccc;background:#fafafa}header.nav ul li a{padding:16px;color:#999;text-decoration:none;display:block}header.nav ul li a.active{color:#49ada6}header.nav ul li.github a{color:#FF795D}@media screen and (max-width: 600px){header.nav{height:auto;position:static;width:auto;border:none}header.nav ul{border-bottom:1px solid #ccc;padding:0 32px}header.nav ul li{display:inline-block;background:0;border:none}header.nav ul li.github{display:none}header.nav ul li a{padding:16px 8px 16px 0}}