@charset "UTF-8";.cf{zoom:1}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}@media all and (min-width:30em){.page-head-general>div{padding:1em 2em .5em}.page-head .banner{min-height:31em}.page-head .banner .position{width:20em;height:22em;margin:-11em 0 0 -10em}.page-head .banner .svg{width:12em;height:12em}.page-head .banner h1{font-size:28px;font-size:1.86667rem;line-height:1.64286;line-height:1.3em}.page-head .banner h1 .screencasts{font-size:27px;font-size:1.8rem;line-height:1.7037;line-height:1.3em}.page-head .banner .btn{font-size:23px;font-size:1.53333rem;line-height:1;line-height:1em}.content.make{padding:1em 2em}.content.make ol li:after{font-size:40px;font-size:2.66667rem;line-height:1.15;top:.6em}.content.make ol li .detail{padding:0 0 0 3.5em}.content.make ol li h2{font-size:20px;font-size:1.33333rem;line-height:1.15;line-height:1em}.content.make ol li p{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.4em}.content.make ol li .download{font-size:18px;font-size:1.2rem;line-height:1.27778}.content.make ol li:last-child{border:0}.content.watch{padding:3em 2em}.content.watch .detail{width:65%}.content.watch h1{font-size:25px;font-size:1.66667rem;line-height:1.84;line-height:1.3em}.content.watch .tags{position:absolute;top:3.3em;right:2em;width:30%;margin-top:0}.content.watch .tags>span{float:right;margin:0 0 .5em .5em}.content.watch .tags .share{padding-top:1em;text-align:right}.content.watch .tags .sponsors,.content.watch .tags .sponsors a,.content.watch .tags .sponsors h3{float:right}.content.general{padding:2em}.content.general .faq-section{margin-top:2em;display:block;padding-bottom:1em}.content.general .faq-section p{margin-top:.6em;position:relative;padding-left:3em;padding-top:.2em}.content.general .faq-section h2{position:relative;padding-left:3em;padding-top:.2em}.content.general .faq-section h2:before{font-size:30px;font-size:2rem;line-height:1.53333;line-height:1em;color:#c1c0b7;content:'Q.';position:absolute;top:0;left:0}.content.general .faq-section p:before{font-size:30px;font-size:2rem;line-height:1.53333;line-height:1em;font-weight:700;color:#c1c0b7;content:'A.';position:absolute;top:0;left:0}.content input{width:auto}.content button{width:auto;margin-left:.5em;margin-top:0}.content.not-found{padding:3em 2em}.content.not-found h1,.content.not-found p{width:70%}.page-foot{padding:2em 2em 3em}.page-foot a{font-size:13px;font-size:.86667rem;line-height:1.76923;line-height:1.2em;margin-right:1em}}@media all and (min-width:40.62em){.page-head .banner{min-height:35em}.page-head .banner .position{width:23em;height:26em;margin:-13em 0 0 -11.5em}.page-head .banner .svg{width:13em;height:13em}.page-head .banner h1{font-size:33px;font-size:2.2rem;line-height:1.39394;line-height:1.3em}.page-head .banner h1 .screencasts{font-size:32px;font-size:2.13333rem;line-height:1.4375;line-height:1.3em}.page-head .banner .btn{font-size:25px;font-size:1.66667rem;line-height:1.84;line-height:1em;padding:.4em 0}.content.make{padding:2em}.content.make ol li:after{font-size:50px;font-size:3.33333rem;line-height:1.38;top:.35em}.content.make ol li .detail{padding:0 0 0 4em;width:70%}.content.make ol li h2{font-size:20px;font-size:1.33333rem;line-height:1.15;line-height:1em}.content.make ol li p{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.4em}.content.make ol li .download{font-size:17px;font-size:1.13333rem;line-height:1.35294;font-weight:700;color:#43ac74;position:absolute;top:-.8em;right:0;text-decoration:none;text-align:center;width:10em;margin:2em 0 0 3em;display:inline-block;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}.content.make ol li .download .txt{display:block}.content.make ol li .download.windows{top:5em}.content.make ol li img{width:10em;position:absolute;top:2em;right:1em}.content.make ol li:last-child{border:0}.content.watch{padding:4em 2em}.content.watch .detail{width:65%}.content.watch h1{font-size:30px;font-size:2rem;line-height:1.53333;line-height:1.3em}.content.watch h2,.content.watch p{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.3em}.content.watch ol li,.content.watch ul li{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.6em}.content.watch .tags{position:absolute;top:4.3em;right:2em;width:30%;margin:0}.content.watch .tags>span{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;font-size:13px;font-size:.86667rem;line-height:1.76923;line-height:1.2em;background-color:#c1c0b7;background-color:rgba(0,0,0,.2);padding:.3em .6em;text-transform:uppercase;text-decoration:none;margin:0 0 1em 1em;font-weight:500;display:inline-block;color:#f9f9f9;float:right}.content.watch .tags .share{display:block;float:none;clear:both;padding-top:1em;text-align:right}.content.watch .tags h3{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.3em;color:#313f3b;margin-bottom:1em}.content.watch .tags a{font-size:18px;font-size:1.2rem;line-height:1.27778;display:block;margin-top:1em;font-weight:700}.content.watch .tags a.embed span{font-size:12px;font-size:.8rem;line-height:1.91667}.content.general .body{width:70%}.content.general h1{font-size:30px;font-size:2rem;line-height:1.53333;line-height:1.3em}.content.general h2{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.3em}.content.general p{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.4em}.content.general ol li,.content.general ul li{font-size:18px;font-size:1.2rem;line-height:1.27778;line-height:1.6em}.page-foot a{font-size:13px;font-size:.86667rem;line-height:1.76923;line-height:1.2em;padding:.3em .7em}}@media all and (min-width:64.37em){.content.watch ol,.content.watch ul{padding:1em 0 0}}