@import url(https://fonts.googleapis.com/css?family=Encode+Sans:300,400,600|Encode+Sans+Semi+Condensed:800);@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3) translateZ(0);transform:scale(.3) translateZ(0)}50%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.89);transform:scale(.89)}to{opacity:1;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3) translateZ(0);transform:scale(.3) translateZ(0)}50%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.89);transform:scale(.89)}to{opacity:1;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}*{margin:0;padding:0}body,html{height:100%}@media only screen and (max-width:420px){body,html{height:auto}}body{margin:0;padding:0;background:#fff url(images/bg.png?608241317f5243258f3b3253de71c5d1) no-repeat center 710px;background-size:cover;color:#9e9e9e;font-size:18px;font-family:Encode Sans,sans-serif}.container{max-width:1200px;margin:0 auto}@media only screen and (max-width:768px){.container{padding:0 25px}}@media only screen and (max-width:420px){.container{padding:0 15px}}a{text-decoration:none}h1,h2,h3{font-size:48px;font-family:Encode Sans Semi Condensed,sans-serif;color:#444}@media only screen and (max-width:420px){h1,h2,h3{font-size:32px}}h2{font-size:44px}@media only screen and (max-width:420px){h2{font-size:32px}}h3{font-size:22px;font-family:Encode Sans,sans-serif}.button,h3{font-weight:600}.button{color:#fff;font-size:16px;padding:13px 30px 0 60px;height:64px;border-radius:6px;float:left;margin-right:15px;text-align:left;box-sizing:border-box;transition:all .3s ease}.button em{font-style:normal}@media only screen and (max-width:420px){.button{padding:13px 25px 0 55px;height:59px;font-size:14px}.button em{display:none}}.button:hover{opacity:.8}.button:last-child{margin-right:0}.button span{display:block;font-size:12px;font-family:Encode Sans,sans-serif;color:#ab424a;margin-top:2px}.button.download{background:#ff6469 url(images/icon-download.png?b143dcec6c80529c39a1380a0f1dbb77) no-repeat 15px;background-size:32px 32px}.button.docs{background:#a0acc3 url(images/icon-docs.png?4f35ec33d6b78d156dfb3168554ec8de) no-repeat 15px;background-size:26px 30px;padding-top:22px;padding-left:55px}i{display:inline-block}i.server{background:url(images/icon-server.png?dceeabf4d8a0cc0ccd3eda68290ddcdd) no-repeat;background-size:48px 48px;width:48px;height:48px}i.minification{background:url(images/icon-minification.png?e669771f6ae62dc61afe792583d84bae) no-repeat;background-size:48px 48px;width:48px;height:48px}i.styles{background:url(images/icon-styles.png?f26ca9461ee5ea82025843fb961032ab) no-repeat;background-size:48px 48px}i.reload,i.styles{width:48px;height:48px}i.reload{background:url(images/icon-reload.png?5a6946dd7dc2a21f2affbdb762fd59c2) no-repeat;background-size:48px 48px}i.image{background:url(images/icon-image.png?16dccf24ee8c9bc4625647001f8afdb1) no-repeat;background-size:48px 48px}i.image,i.js{width:48px;height:48px}i.js{background:url(images/icon-js.png?31be74c0041a71857bfcfca6715eec1d) no-repeat;background-size:48px 48px}i.favicon{background:url(images/icon-favicon.png?0ad6d9009bf70c2c18e50763eb6cf083) no-repeat;background-size:48px 48px}i.analytics,i.favicon{width:48px;height:48px}i.analytics{background:url(images/icon-analytics.png?532cee595e147884f0a1692b2efb5db0) no-repeat;background-size:48px 48px}i.sitemap{background:url(images/icon-sitemap.png?6fe547e12077faaa187e15c74312fd3c) no-repeat;background-size:48px 48px;width:48px;height:48px}i.clipboard{background:url(images/icon-clipboard.png?c246cdd0860676e81351680831a6dbee) no-repeat;background-size:18px 18px}i.clipboard,i.success{width:18px;height:18px}i.success{background:url(images/icon-success.png?846dbf73e90ae2182abf47d8dadb6955) no-repeat;background-size:18px 18px}i.github{background:url(images/icon-github.png?ac603efe8d27d79c606f6ee9004bef0d) no-repeat;background-size:36px 36px;width:36px;height:36px}header a{position:absolute;top:20px;right:20px;opacity:.6;transition:all .3s ease}header a:hover{opacity:1}section#intro{margin-top:80px;text-align:center}@media only screen and (max-width:420px){section#intro{margin-top:40px}}section#intro .logo{width:160px;margin:0 auto 25px;display:block;opacity:0;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}section#intro h1{margin-bottom:25px}section#intro p{font-size:20px;line-height:33px;color:#999;max-width:700px;margin:0 auto 25px}@media only screen and (max-width:420px){section#intro p{font-size:18px}}section#intro .buttons{display:flex;justify-content:center;margin-bottom:45px}@media only screen and (max-width:420px){section#intro .buttons{margin-bottom:25px}}@media only screen and (max-width:768px){section#intro .buttons{margin-bottom:25px}}section#intro .carbon #carbonads{display:block;overflow:hidden;line-height:1.5;max-width:290px;position:absolute;top:1em;left:1em;padding:10px;font-size:13px;background:#f3f8fa;border-radius:4px}@media only screen and (max-width:420px){section#intro .carbon #carbonads{position:static;margin-bottom:25px;max-width:none;width:90%;margin-left:auto;margin-right:auto}}@media only screen and (max-width:768px){section#intro .carbon #carbonads{position:static;margin-bottom:25px;margin-left:auto;margin-right:auto}}section#intro .carbon #carbonads span{position:relative;display:block;overflow:hidden}section#intro .carbon .carbon-img{float:left;margin-right:1em}section#intro .carbon .carbon-img img{display:block;line-height:1}section#intro .carbon .carbon-text{display:block;float:left;max-width:calc(100% - 130px - 1em);text-align:left;color:#777}section#intro .carbon .carbon-poweredby{font-size:.8em;color:#aaa;position:absolute;left:143px;bottom:0;display:block}section#setup{max-width:800px;background:#464655;padding:35px 35px 20px;margin:0 auto 60px;border-radius:6px;box-shadow:0 0 15px 1px rgba(0,0,0,.36);font-family:Menlo,sans-serif;font-size:16px;position:relative;box-sizing:border-box}@media only screen and (max-width:768px){section#setup{margin:0 25px 60px}}@media only screen and (max-width:420px){section#setup{width:90%;word-wrap:break-word}}section#setup .language{padding:5px 12px;color:#fff;font-size:13px;font-weight:600;background:hsla(0,0%,100%,.1);display:inline-block;border-radius:2px;position:absolute;top:20px;right:20px}section#setup span{margin-bottom:2px;display:block}section#setup span em{font-style:normal;color:#ddd}section#setup span.comment{color:grey}section#setup span.command{color:#f64f69;margin-bottom:25px;line-height:24px}section#setup span.command strong{font-weight:400;cursor:pointer;border-radius:2px;padding:2px;transition:all .3s ease}section#setup span.command strong i{vertical-align:-3px;opacity:0;transition:all .3s ease;color:#fff;font-size:12px;line-height:21px}section#setup span.command strong i.success{padding-left:22px;width:52px;vertical-align:1px}section#setup span.command strong:hover{background:hsla(0,0%,100%,.05)}section#setup span.command strong:hover i{opacity:.9}section#setup span.success{font-size:30px}section#features{margin-bottom:60px}section#features .row{display:flex;justify-content:flex-start;flex-wrap:wrap}@media only screen and (max-width:420px){section#features .row{display:block;text-align:center}}section#features .row .feature{box-sizing:border-box;width:30%;margin-right:3%;margin-bottom:5%}@media only screen and (max-width:768px){section#features .row .feature{width:47%}}@media only screen and (max-width:420px){section#features .row .feature{margin-right:0;margin-bottom:40px;width:100%}}section#features .row .feature h3,section#features .row .feature i{margin-bottom:15px}section#features .row .feature p{line-height:29px;font-size:18px}section#tech{text-align:center;overflow:hidden;margin-bottom:80px}@media only screen and (max-width:420px){section#tech{margin-bottom:50px}}section#tech h2{margin-bottom:20px}section#tech p{font-size:20px;margin-bottom:50px}@media only screen and (max-width:420px){section#tech p{font-size:18px;line-height:30px}}section#tech ul{list-style:none;max-width:890px;margin:0 auto}section#tech ul li{float:left;margin-right:45px;text-align:center}@media only screen and (max-width:768px){section#tech ul li{margin-right:20px}}section#tech ul li:last-child{margin-right:0}section#tech ul li img{display:block}section#tech ul li img.node,section#tech ul li img.webpack{width:135px}section#tech ul li img.html5{width:100px}section#tech ul li img.css3{width:51px}section#tech ul li img.js{width:95px}section#tech ul li img.sass{width:100px}section#opinions{text-align:center;overflow:hidden;margin-bottom:80px}@media only screen and (max-width:420px){section#opinions{margin-bottom:50px}}section#opinions h2{margin-bottom:20px}section#opinions p{font-size:20px;max-width:700px;margin:0 auto 50px;line-height:33px}@media only screen and (max-width:420px){section#opinions p{font-size:18px;line-height:30px}}section#opinions .buttons{display:flex;justify-content:center}footer{background:#464655;padding:30px 0;text-align:center}footer .social{overflow:hidden;display:flex;justify-content:center;margin-bottom:25px}footer .social .site{margin-right:10px}footer .social .site img{width:95px}footer .issues{color:#fff;font-size:17px;margin-bottom:25px;font-weight:300}@media only screen and (max-width:420px){footer .issues{font-size:15px}}footer .issues a{color:#ff6469;text-decoration:underline}footer .issues a:hover{text-decoration:none}footer .copyright,footer .credit,footer .designerup{font-size:15px;margin-bottom:5px}@media only screen and (max-width:420px){footer .copyright,footer .credit,footer .designerup{font-size:14px}}footer .copyright a,footer .credit a,footer .designerup a{color:#ccc;text-decoration:underline}footer .copyright a:hover,footer .credit a:hover,footer .designerup a:hover{text-decoration:none}footer .copyright{margin-bottom:5px}footer .credit{margin-bottom:25px}