/*! 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%}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:"“" "”" "‘" "’"}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;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}.namespace{opacity:.7}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#929292}.token.tag{color:#3e999f}.token.attr-name{color:#4271ae}.token.attr-value{color:#718c00}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.property-access,.token.symbol{color:#4271ae}.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#718c00}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#545454}.token.atrule,.token.keyword{color:#8959a8}.token.function{color:#4271ae}.token.important,.token.parameter,.token.regex,.token.variable{color:#c82829}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight{position:absolute;left:0;right:0;padding-left:0;padding-bottom:inherit;padding-right:0;padding-top:inherit;margin-top:1em;background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0;pointer-events:none;line-height:inherit;white-space:pre}.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:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook:hover{background-color:#2d4373}.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: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}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-alegreya),"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;background-clip:text;-webkit-text-fill-color:transparent}article h1>*,article h2>*,article h3>*,article h4>*,article h5>*,article h6>*{background:none;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;background-clip:text;-webkit-text-fill-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-alegreya),"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;background-clip:text;-webkit-text-fill-color:transparent}h3,h4{margin:20px 0 10px;padding:0}h1,h2,h3,h4,h5,h6{margin:.4em 0 .3em}.container{margin:0 auto;min-width:320px;max-width:760px}.wide-container{max-width:1170px}a{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:"—  "}small{font-size:.8em;color:#999;margin-left:.2em}small a{color:#444}small a:hover{color:#2e80d3}pre{border:1px solid #dedede;color:#444;font-family:Monaco,Courier,monospace;font-size:15px;margin:0 0 2em;overflow:auto;padding:.5em 1em}pre,pre code{background-color:#f8f8ff}pre code{border: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: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;color:#fff;position:relative}.header .logo .img-hole{overflow:hidden;float:left;position:absolute;left:0;width:114px;height:114px;border-radius:50%}@media(max-width:650px){.header .logo .img-hole{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}.header nav ul li{display:inline;list-style:none;padding:0 5px;white-space:nowrap}.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{max-width:none;min-width:auto;margin:0;padding:20px 10px 10px;font-size:18px;line-height:18px;position:relative}.header.compact .logo .img-hole{height:50px;width:50px}.header.compact nav ul{margin:0;padding:0 0 20px}.hero{font-size:1.2em;line-height:1.4em}ol.articles{margin:0;padding:40px 0;list-style:none}ol.articles>li{padding:0;margin:0 0 14px}ol.articles>li a{padding:0;font-size:1.1em;margin:0 .35em .9em 0}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-holder,article img{max-width:100%;display:block;margin:0 auto}.img-slightly-rounded{border-radius:5px}.client-work-item{display:flex;flex-direction:row;margin-bottom:50px}.client-work-item>div:first-child{flex:0 1 auto}.client-work-item>div:last-child{margin-left:20px;flex:1 1}.client-work-item h3{margin-top:0}.client-work-item>div:first-child .image-hole{margin:0 0 10px;height:186px;width:233px}.client-work-item>div:first-child .image-hole img{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:hsla(0,0%,47%,.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:1em 0 0;padding:0}.ref-block--small p{font-size:1rem}.ref-person .avatar-hole,.ref-person p{vertical-align:middle}.ref-person .avatar-hole{display:inline-block;margin-right:.5em;width:50px;height:50px}.ref-person p{display:inline;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>p:first-child{margin-top:0}.sign-up-form .call-to-share pre,.sign-up-form .call-to-share>p:last-child{margin-bottom:0}.sign-up-form h3{font-size:22px;line-height:34px;margin:0 0 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}.columns{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:390px){.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}.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-hole{float:left;position:relative;margin-right:20px;margin-bottom:10px;width:100%;height:100%;max-width:140px;max-height:150px}article .freebie-preview-hole{max-width:110px;max-height:120px}.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:700;color:#333}.todo-mark{background-color:#fdde17;padding:2px 4px}.todo-mark:before{content:"TODO: "}hr{border:1px solid #555}@media(min-width:1000px){.breakout{margin-left:-120px;margin-right:-120px}}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/bcb003ec76d1b8de-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/800bee589924a96e-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/d47dc15827c56908-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/1abad652214cd352-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/c5b9b462a5670dd0-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/85e007dd32b75f1e-s.p.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Alegreya_658793;font-style:italic;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/dd338e73463b35fa-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/b91bb2c3e151ee36-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/a7be84dc872cbcbd-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/bbddbdc23dfb46ad-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/5433acdb3cc6ab7c-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/4d250567e428eddd-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/9f7016c74e6c21cd-s.p.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Alegreya_658793;font-style:normal;font-weight:400 900;font-display:fallback;src:url(/_next/static/media/575bcb56b500cc9b-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Alegreya_Fallback_658793;src:local("Times New Roman");ascent-override:100.57%;descent-override:34.15%;line-gap-override:0.00%;size-adjust:101.02%}.__className_658793{font-family:__Alegreya_658793,__Alegreya_Fallback_658793}.__variable_658793{--font-alegreya:"__Alegreya_658793","__Alegreya_Fallback_658793"}