/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{margin:0;padding:0;min-width:320px;height:100%}body{position:relative;background:#f5f5f5;font:18px Roboto, sans-serif;box-sizing:border-box;padding-bottom:185px;min-height:100%}body.home{background:#fff}p{color:#4d4d4d}h1,h2,h3,h4{color:#111}pre,code{font-family:DejaVu Sans Mono, Menlo, Consolas, monospace;font-size:12px;line-height:135%}pre .kr,pre .nn,pre .nf,pre .kt,pre .kw,pre .dt{font-weight:bold}pre .nf{color:#945277}pre .mi,pre .s,pre .st{color:#c4953a}pre .nn,pre .kt,pre .dt{color:#445588}a{text-decoration:none}div.link{border-top:1px solid #c4953a;padding:6px 0 6px 0;text-align:right}div.link a{display:inline-block;color:#c4953a;font-size:14px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px}header{position:relative;background:#1d222d;color:#fff;height:110px}header h1{display:block;position:absolute;top:38px;left:30px;margin:0}header h1 a{display:block;width:54px;height:34px;overflow:hidden;text-indent:100%;background:url(../img/logo.png);background-size:54px 34px;opacity:1}header a{color:#fff;text-decoration:none;opacity:0.6;font-weight:300}header a:hover,header a.active{opacity:1}header nav{position:absolute;top:47px;right:30px;margin:0;text-transform:uppercase;font-size:12px;letter-spacing:1.5px}header nav h2{font-size:12px;font-weight:700;cursor:pointer;margin:0}header nav ul{display:none;list-style:none;margin:0;padding:0}main a[href]{color:#c4953a}main a[href]:hover{opacity:0.7}main section{max-width:800px;margin:auto;padding:50px 10px;overflow:hidden}main section>*{box-sizing:border-box;margin-left:auto;margin-right:auto}main section>p,main section li,main section h4,main section.article ul{font-size:16px;line-height:165%;max-width:600px}main section>h4{margin-top:36px}main section>p,main section>h4,main section.article>ul,main section div.meta{margin-left:20px;margin-right:20px}main section>h2{font-size:28px;font-weight:300;margin:5px 20px 30px}main section>h3{text-transform:uppercase;font-size:15px;letter-spacing:3px;margin:5px 20px 30px}main section.article>ul{padding:0;list-style:none}main section.article>ul>li{padding-left:18px;background:url(../img/bullet.png) no-repeat left 12px;background-size:6px 6px}main section>pre,main section>blockquote{background:#fff;padding:20px}main section>blockquote p{color:#666;font-style:italic;margin:0}main section>blockquote p+p{margin-top:16px}main section p>code,main section li>code{display:inline-block;background:#fff;font-size:13px;padding:0 6px}main section>div.meta{text-transform:uppercase;color:#999;font-size:13px;margin-top:-28px;margin-bottom:30px}main section+section{padding:0 10px 50px}.home main section+section{padding:50px 10px}main.projects section>h2{margin-bottom:60px}main.projects section>h3{margin-top:0;margin-bottom:-40px}main section.intro{margin:30px 20px}main section.intro h2{font-weight:300;font-size:24px;line-height:160%;margin:0}main section.intro div.link{width:200px;margin-top:50px;display:none}main section.intro div.link a{background:url(../img/icon-install.png) no-repeat left;background-size:17px 15px;padding-left:30px}main section.features ul{padding:0;list-style:none;color:#4d4d4d;margin-top:-4px}main section.features ul li{font-size:18px;line-height:40px}main section.features ul li:nth-child(n+5){display:none}main section.features ul li.moreless{display:list-item;color:#c4953a;cursor:pointer}main section.features ul.expanded li:nth-child(n+5){display:list-item}main section.example{position:relative;z-index:2;max-width:100%}main section.example:before{content:"";position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:#f5f5f5;z-index:-1}main section.example pre{background:#fff;padding:20px}main section.example h4,main section.example p{font-size:16px;margin-left:20px;margin-right:20px;line-height:150%}main section.example p{color:#4d4d4d}main section.example h4{margin-top:50px}main section.example div.nav{display:none;margin:30px 20px 0;overflow:hidden}main section.example div.nav .prev{float:left}main section.example div.nav .next{float:right}main section.example div.nav button{background:none;border:none;text-transform:uppercase;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:1.5px;color:#c4953a;margin-bottom:6px}main section.example div.nav button.next{padding-right:16px;background:url(../img/icon-chevron.png) no-repeat right;background-size:7px 10px}main section.example div.nav button.prev{padding-left:16px;background:url(../img/icon-chevron-left.png) no-repeat left;background-size:7px 10px}main section.example div.nav button:hover{opacity:0.7}ul.cards{list-style:none;padding:0}ul.cards li{position:relative;float:left;box-sizing:border-box;width:100%;margin:0 15px 15px 0;padding:20px;display:block;min-height:320px;background:#fff}ul.cards li h3{font-size:28px;line-height:125%;font-weight:300;margin:0}ul.cards li div.link{position:absolute;left:20px;right:20px;bottom:20px}ul.cards li div.link a{background:url(../img/icon-chevron.png) no-repeat left;background-size:7px 10px;padding-left:18px}footer{box-sizing:border-box;position:absolute;bottom:0;padding:20px 30px 50px;width:100%}footer nav ul{text-transform:uppercase;font-size:14px;list-style:none;margin:0;padding:0;float:left}footer nav ul a{color:#c4953a;text-decoration:none}footer nav ul a:hover,footer nav ul a.active{opacity:0.7}footer nav ul.external{float:right}footer nav ul.external a{display:block;width:25px;height:25px;overflow:hidden;text-indent:100%;background-repeat:no-repeat;background-size:25px 25px}footer nav ul.external .github a{background-image:url(../img/github.png)}footer nav ul.external .twitter a{background-image:url(../img/twitter.png)}footer nav ul li{margin-top:20px}@media (min-width: 525px){body{padding-bottom:80px}header nav h2{display:none}header nav ul{display:block}footer nav ul{float:right}footer nav ul.external{float:left;margin-left:-25px}nav ul li{margin:0 0 0 25px;float:left}main section.intro div.link{display:inline-block}main section.features ul li:nth-child(n+1){display:block}main section.features ul li.moreless{display:none}main section.features ul{-moz-column-count:2;-webkit-column-count:2;column-count:2}.hasJS main section.example h4{display:none}.hasJS main section.example div.example{display:none}.hasJS main section.example div.example.current{display:block}.hasJS main section.example div.nav{display:block}ul.cards{margin-top:50px}ul.cards li{width:calc(50% - 15px)}}@media (min-width: 676px){main section+section{padding:0 10px 60px}.home main section+section,main section{padding:60px 10px}main section.intro h2{font-size:28px}ul.cards{margin-top:60px}main section>p,main section>h4,main section.article>ul{margin-left:auto;margin-right:auto;max-width:600px}main section>div.meta{margin-left:20px}main section>pre,main section>blockquote{padding:20px calc((100% - 600px) / 2)}}@media (min-width: 700px){main section.features ul{-moz-column-count:3;-webkit-column-count:3;column-count:3}ul.cards li{width:calc(33% - 15px)}}@media (min-width: 876px){main section+section{padding:0 10px 70px}.home main section+section,main section{padding:70px 10px}ul.cards{margin-top:70px}main section.intro{margin:30px auto;max-width:800px}main section>div.meta{margin-left:0}main section>h2,main section>h3,main section>div{margin-left:auto;margin-right:auto;max-width:800px}main section.example h4,main section.example p,main section.example div.nav{margin-left:auto;margin-right:auto}}@media (min-width: 1016px){header{height:150px}header h1{top:54px;left:100px}header h1 a{width:68px;height:41px;background-size:68px 41px}header nav{top:67px;right:100px}main section.intro h2{font-size:34px}footer nav ul{margin-right:70px}footer nav ul.external{margin-left:25px}nav ul li{margin-left:45px}}@media (max-width: 524px){.show-nav header{position:fixed;left:0;top:0;width:100%;height:100%}.show-nav header h2{position:absolute;right:0;top:47px}.show-nav header nav{position:absolute;left:0;top:0;padding:30px}.show-nav header nav ul{display:block;font-size:24px;text-transform:none;margin-top:100px}.show-nav header nav ul li{margin-top:20px}.show-nav main,.show-nav footer{display:none}}