@charset "UTF-8";/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.highlight{color:#929292}.highlight .hll{background-color:#efefef}.highlight .c{color:#929292}.highlight .err{background:#c82829;color:#fff}.highlight .k{color:#8959a8}.highlight .l{color:#f5871f}.highlight .n{color:#929292}.highlight .o{color:#545454}.highlight .p{color:#929292}.highlight .cm{color:#929292}.highlight .cp{color:#929292}.highlight .c1{color:#929292}.highlight .cs{color:#929292}.highlight .gd{color:#c82829}.highlight .ge{font-style:italic}.highlight .gh{color:#545454;font-weight:700}.highlight .gi{color:#718c00}.highlight .gp{color:#718c00;font-weight:700}.highlight .gs{font-weight:700}.highlight .gu{color:#3e999f;font-weight:700}.highlight .kc{color:#8959a8}.highlight .kd{color:#8959a8}.highlight .kn{color:#3e999f}.highlight .kp{color:#4271ae}.highlight .kr{color:#8959a8}.highlight .kt{color:#eab700}.highlight .ld{color:#718c00}.highlight .m{color:#f5871f}.highlight .s{color:#718c00}.highlight .na{color:#4271ae}.highlight .nb{color:#4271ae}.highlight .nc{color:#eab700}.highlight .no{color:#eab700}.highlight .nd{color:#3e999f}.highlight .ni{color:#545454}.highlight .ne{color:#c82829}.highlight .nf{color:#4271ae}.highlight .nl{color:#545454}.highlight .nn{color:#eab700}.highlight .nx{color:#4271ae}.highlight .py{color:#545454}.highlight .nt{color:#3e999f}.highlight .nv{color:#c82829}.highlight .ow{color:#3e999f}.highlight .w{color:#545454}.highlight .mf{color:#f5871f}.highlight .mh{color:#f5871f}.highlight .mi{color:#f5871f}.highlight .mo{color:#f5871f}.highlight .sb{color:#718c00}.highlight .sc{color:#545454}.highlight .sd{color:#929292}.highlight .s2{color:#718c00}.highlight .se{color:#f5871f}.highlight .sh{color:#718c00}.highlight .si{color:#f5871f}.highlight .sx{color:#718c00}.highlight .sr{color:#718c00}.highlight .s1{color:#718c00}.highlight .ss{color:#718c00}.highlight .bp{color:#545454}.highlight .vc{color:#c82829}.highlight .vg{color:#c82829}.highlight .vi{color:#c82829}.highlight .il{color:#f5871f}.resp-sharing-button__icon,.resp-sharing-button__link{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:.5}.resp-sharing-button__link:first-of-type{margin-left:0}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter{background-color:#55acee}.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--tumblr{background-color:#35465c}.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#5f99cf}.resp-sharing-button--reddit:hover{background-color:#3a80c1}.resp-sharing-button--google{background-color:#dd4b39}.resp-sharing-button--google:hover{background-color:#c23321}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--email{background-color:#777}.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60}.resp-sharing-button--hackernews:focus,.resp-sharing-button--hackernews:hover{background-color:#fb6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--facebook:active,.resp-sharing-button--facebook:hover{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:active,.resp-sharing-button--twitter:hover{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--google{background-color:#dd4b39;border-color:#dd4b39}.resp-sharing-button--google:active,.resp-sharing-button--google:hover{background-color:#c23321;border-color:#c23321}.resp-sharing-button--tumblr{background-color:#35465c;border-color:#35465c}.resp-sharing-button--tumblr:active,.resp-sharing-button--tumblr:hover{background-color:#222d3c;border-color:#222d3c}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:Alegreya,Georgia,serif;font-size:20px;line-height:1.33;background-color:#f7f8fa;color:#000;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#000;font-weight:700}article h1,article h2,article h3,article h4,article h5,article h6{background:-webkit-linear-gradient(90deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}article h1>*,article h2>*,article h3>*,article h4>*,article h5>*,article h6>*{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000}article h1 a,article h2 a,article h3 a,article h4 a,article h5 a,article h6 a{background:-webkit-linear-gradient(90deg,#000,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1,h2{font-family:Alegreya,Georgia,serif}h3,h4,h5,h6{font-family:Alegreya,Georgia,serif}h1{font-size:34px;font-style:normal}h2{font-size:28px}h3{font-size:24px;color:#404c66}article h3{background:-webkit-linear-gradient(90deg,#404c66,#6a7ca2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h3,h4{margin:20px 0 10px 0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;margin-top:.4em;margin-bottom:.3em}.container{margin:0 auto;min-width:320px;max-width:760px}.wide-container{max-width:1170px}a{-webkit-transition:color .3s,border .3s;transition:color .3s,border .3s;text-decoration:none;border-bottom:1px solid transparent;color:#0881b3}a:hover{border-bottom:1px solid}p{font-size:20px;line-height:1.65}blockquote{border-left:5px solid #ddd;color:#888;margin:0 0 1em;padding-left:1em}blockquote a{color:#444}blockquote a:hover{color:#0881b3}blockquote small{font-size:85%}blockquote small::before{content:'— \00A0'}small{font-size:.8em;color:#999;margin-left:.2em}small a{color:#444}small a:hover{color:#2e80d3}pre{background-color:#f8f8ff;border:1px solid #dedede;color:#444;font-family:Monaco,Courier,monospace;font-size:15px;margin:0 0 2em;overflow:auto;padding:.5em 1em}pre code{background-color:#f8f8ff;border:medium none;font-size:1em;padding:0}code{background-color:#f8f8ff;border:1px solid #dedede;color:#444;padding:0 .2em;font-family:Monaco,Courier,monospace;font-size:.8em}table{margin:15px 0}table tr{border-top:1px solid #ccc;background-color:#fafafa}table td,table th{border:1px solid #ccc;padding:6px 13px}.header{background:#536485;background:linear-gradient(140deg,#537d85,#536485);background-repeat:no-repeat;background-position:center top;background-size:cover}.header .container{padding:40px 10px}.header .logo{display:block;border-bottom:none;text-align:center;font-size:36px;line-height:36px;margin:0;padding:0 0 10px 0;color:#fff;position:relative}.header .logo img{float:left;position:absolute;left:0;width:114px;height:114px;border-radius:50%}@media (max-width:650px){.header .logo img{width:80px;height:80px;position:relative}}.header .logo span{display:block;font-size:.75em;color:#e6e6e6}.header nav ul{text-align:center;padding:0;margin:10px 0 0 0}.header nav ul li{display:inline;list-style:none;padding:0 5px}.header nav ul li a{color:#d9d9d9;text-decoration:none}.header nav ul li a.pick{background-color:#d9d9d9;color:#404c66;border-radius:4px;padding:0 4px}.header nav ul li a.pick:hover{border-bottom:none;background-color:#e6e6e6}.header.compact{min-height:60px;max-width:none;padding:0;background:#404c66;background:linear-gradient(160deg,#405f66,#404c66)}.header.compact .container{padding:0 10px}.header.compact .logo{padding:0;max-width:none;min-width:auto;margin:0;padding:20px 10px 10px 10px;font-size:18px;line-height:18px;position:relative}.header.compact .logo img{height:50px;width:50px}.header.compact nav ul{margin:0;padding:0 0 20px 0}.hero{font-size:1.2em;line-height:1.4em}ol.articles{margin:0;padding:40px 0;list-style:none}ol.articles>li{margin:0;padding:0;margin-bottom:14px}ol.articles>li a{margin:0 0 .9em;padding:0;font-size:1.1em;margin-right:.35em}ol.articles>li small.date{color:#666;font-size:14px;line-height:20px;padding:0;font-weight:400;white-space:nowrap}ol.articles>li article{padding:10px 0}main{padding:0 20px}.related{padding:3px 20px;background-color:rgba(0,0,0,.03)}.related ol,.related ul{margin:0 0 1em .5em;padding:0}.related ol li,.related ul li{margin-left:1em;margin-bottom:.25em}.related ul li{list-style:disc}article{padding:20px 0}article header h2{margin-bottom:.9em}article header h2 a.permalink:hover{color:#0881b3;border:0}article header p.date{color:#666;font-size:14px;line-height:20px;padding:0;margin:-1em 0 1em}article .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}article .video-container .youtube{position:absolute;top:0;left:0;width:100%;height:100%}article ol,article ul{margin:0 0 1em .5em;padding:0}article ol li,article ul li{margin-left:1em;margin-bottom:.75em}article ul li{list-style:disc}article ol li{list-style:decimal}article ol li ol li{list-style:lower-alpha}article p{margin:0 0 1em}article img{max-width:100%;display:block;margin:0 auto}.client-work-item{display:flex;flex-direction:row;margin-bottom:50px}.client-work-item>div:first-child{flex:0 auto}.client-work-item>div:last-child{margin-left:20px;flex:1}.client-work-item h3{margin-top:0}.client-work-item>div:first-child img{margin:0;margin-bottom:10px;height:186px;width:233px;border-radius:3px}.work-list,.world-list{margin:0}.work-list li,.world-list li{display:inline-block;list-style:none;padding:10px;margin:0}.world-list li img{padding-top:10px}.work-list li{max-width:370px;text-align:center}.work-list li img,.work-list li.hire .rect{margin-bottom:10px;height:279px;width:350px;border-radius:3px}.work-list li.hire .rect{background:#999;text-align:center;font-size:64px;line-height:279px;color:#fff}.work-list li span{font-size:.9em}.payment-method{font-size:.75em;padding:.5em .8em;color:#fff;background:#168eda}article{padding-left:1em;padding-right:1em}.img-circle{border-radius:100%}.ref-block{background-color:rgba(120,120,120,.04);border-radius:5px;padding:1em;margin:0 -1em 1em}.ref-block p{font-size:1.05em;line-height:1.7em}.ref-block--small{background-color:transparent;margin:0;margin-top:1em;padding:0}.ref-block--small p{font-size:1rem}.ref-person img,.ref-person p{vertical-align:middle;display:inline}.ref-person img{margin-right:.5em;width:50px;height:50px}.ref-person p{font-size:1em;color:#444}.related,article>.note,body .sign-up-form--freebie{margin-left:-20px;margin-right:-20px}@media (max-width:780px){.related,article>.note,body .sign-up-form--freebie{margin-left:0;margin-right:0}}article>.note{background:rgba(255,221,179,.5);padding:20px;margin-bottom:20px}article>.note p:last-child{margin-bottom:0}.sign-up-form{padding:20px;margin-bottom:20px;background:#e2e6ed}body .sign-up-form--freebie{background:rgba(255,232,204,.25)}body .sign-up-form--freebie p{font-size:.9em}body .sign-up-form--mini{padding:15px;margin:10px 0}body .sign-up-form--mini h3{font-size:18px;line-height:24px}body .sign-up-form--mini form button,body .sign-up-form--mini form input{font-size:14px;padding:8px 14px}.sign-up-form .call-to-share{display:none}.sign-up-form .call-to-share>p:first-child{margin-top:0}.sign-up-form .call-to-share>p:last-child{margin-bottom:0}.sign-up-form .call-to-share pre{margin-bottom:0}.sign-up-form h3{margin:0;font-size:22px;line-height:34px;margin-bottom:20px}.sign-up-form h3 a{color:#404c66;border-bottom:1px solid #404c66}.sign-up-form .note{font-size:.8em;color:#666;font-style:italic;text-align:center;display:block}.sign-up-form form button,.sign-up-form form input{display:block;width:100%;font-size:18px;line-height:1.33;padding:10px 16px;margin-bottom:10px}.sign-up-form form input{color:#555;background:#fff;border:1px solid #ccc}.sign-up-form form button{color:#fff;background:#f0ad4e;border:1px solid #eea236}.cta{text-shadow:0 0 30px #ffba66,0 0 50px #ffc680,0 0 60px #ffd199}.with-name{display:none}.columns{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:340px){.columns{flex-direction:column}}@media (max-width:780px){#disqus_thread{margin-left:10px;margin-right:10px}}.column{flex:0 0 auto;padding:0 10px}.column--bigger{flex:4 1 0}.footer{border-top:1px solid #d8dde6;padding:30px 0;margin:60px}@media (max-width:780px){.footer{margin:10px}}.footer h3{font-size:16px}.footer p{font-size:14px;line-height:20px;opacity:.8}.drip-tab .drip-content,.drip-tab .drip-content .drip-panel{background:#e2e6ed!important}.drip-tab .form-controls{text-align:center}.drip-tab .form-controls #drip-submit-25653{background-color:#f0ad4e!important}.drip-tab .form-controls #drip-submit-25653:hover{background-color:#ec971f!important}.freebie-preview{float:left;padding-right:20px;padding-bottom:10px;max-width:160px;max-height:160px}article .freebie-preview{max-width:130px;max-height:130px}.buy-button{margin:0 auto;max-width:300px;display:block;background-color:#ffba66;border-radius:4px;color:#fff;text-align:center;padding:10px 20px;font-weight:600}.forms-handbook table td{border-color:#fff;background:#fff}.date{display:none}.index>h3{margin-top:20px;margin-bottom:10px;text-transform:uppercase;font-weight:400;font-size:.9em;color:#777}.index .content.articles{padding-top:6px;padding-bottom:20px}.index .content.articles a{font-weight:800;color:#333}.todo-mark{background-color:#fdde17;padding:2px 4px}.todo-mark::before{content:"TODO: "}hr{border:1px solid #555}