@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono);/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}
/*! Basscss | http://basscss.com | MIT License */.h1{font-size:2rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}.h4{font-size:1rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.line-height-1{line-height:1}.line-height-2{line-height:1.125}.line-height-3{line-height:1.25}.line-height-4{line-height:1.5}.list-style-none{list-style:none}.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:64rem}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0,.mx0{margin-left:0}.mx0{margin-right:0}.my0{margin-top:0;margin-bottom:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1,.mx1{margin-left:.5rem}.mx1{margin-right:.5rem}.my1{margin-top:.5rem;margin-bottom:.5rem}.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2,.mx2{margin-left:1rem}.mx2{margin-right:1rem}.my2{margin-top:1rem;margin-bottom:1rem}.m3{margin:2rem}.mt3{margin-top:2rem}.mr3{margin-right:2rem}.mb3{margin-bottom:2rem}.ml3,.mx3{margin-left:2rem}.mx3{margin-right:2rem}.my3{margin-top:2rem;margin-bottom:2rem}.m4{margin:4rem}.mt4{margin-top:4rem}.mr4{margin-right:4rem}.mb4{margin-bottom:4rem}.ml4,.mx4{margin-left:4rem}.mx4{margin-right:4rem}.my4{margin-top:4rem;margin-bottom:4rem}.mxn1{margin-left:-.5rem;margin-right:-.5rem}.mxn2{margin-left:-1rem;margin-right:-1rem}.mxn3{margin-left:-2rem;margin-right:-2rem}.mxn4{margin-left:-4rem;margin-right:-4rem}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0,.px0{padding-left:0}.px0{padding-right:0}.py0{padding-top:0;padding-bottom:0}.p1{padding:.5rem}.pt1{padding-top:.5rem}.pr1{padding-right:.5rem}.pb1{padding-bottom:.5rem}.pl1{padding-left:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}.px1{padding-left:.5rem;padding-right:.5rem}.p2{padding:1rem}.pt2{padding-top:1rem}.pr2{padding-right:1rem}.pb2{padding-bottom:1rem}.pl2{padding-left:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:2rem}.pt3{padding-top:2rem}.pr3{padding-right:2rem}.pb3{padding-bottom:2rem}.pl3{padding-left:2rem}.py3{padding-top:2rem;padding-bottom:2rem}.px3{padding-left:2rem;padding-right:2rem}.p4{padding:4rem}.pt4{padding-top:4rem}.pr4{padding-right:4rem}.pb4{padding-bottom:4rem}.pl4{padding-left:4rem}.py4{padding-top:4rem;padding-bottom:4rem}.px4{padding-left:4rem;padding-right:4rem}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40em){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52em){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64em){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-ms-flexbox;display:flex}@media (min-width:40em){.sm-flex{display:-ms-flexbox;display:flex}}@media (min-width:52em){.md-flex{display:-ms-flexbox;display:flex}}@media (min-width:64em){.lg-flex{display:-ms-flexbox;display:flex}}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}.items-center{-ms-flex-align:center;align-items:center}.items-baseline{-ms-flex-align:baseline;align-items:baseline}.items-stretch{-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-ms-flex:none;flex:none}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-last{-ms-flex-order:99999;order:99999}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.hide{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40em){.xs-hide{display:none!important}}@media (min-width:40em) and (max-width:52em){.sm-hide{display:none!important}}@media (min-width:52em) and (max-width:64em){.md-hide{display:none!important}}@media (min-width:64em){.lg-hide{display:none!important}}.display-none{display:none!important}.btn{font-family:inherit;font-size:inherit;font-weight:700;cursor:pointer;display:inline-block;line-height:1.125rem;padding:.5rem 1rem;margin:0;height:auto;border:1px solid transparent;vertical-align:middle;-webkit-appearance:none;color:inherit;background-color:transparent}.btn,.btn:hover{text-decoration:none}.btn:focus{outline:none;border-color:rgba(0,0,0,.125);box-shadow:0 0 0 3px rgba(0,0,0,.25)}::-moz-focus-inner{border:0;padding:0}.btn-outline,.btn-outline:hover{border-color:currentcolor}.btn-outline{border-radius:3px}.btn-outline:hover{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}.btn-outline:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}.btn-outline.is-disabled,.btn-outline:disabled{opacity:.5}.btn-primary{color:#fff;background-color:#0074d9;border-radius:3px}.btn-primary:hover{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.0625)}.btn-primary:active{box-shadow:inset 0 0 0 20rem rgba(0,0,0,.125),inset 0 3px 4px 0 rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.125)}.btn-primary.is-disabled,.btn-primary:disabled{opacity:.5}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,88%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{color:inherit;text-decoration:none}.bg-green{background-color:#3d9970}.bg-brand{background-color:#f2c14e}.bg-red{background-color:#db3a34}.bg-blue{background-color:#0e79b2}.brand{color:#f2c14e}.red{color:#db3a34}.green{color:#3d9970}.blue{color:#0e79b2}body,html{font-family:Raleway,sans-serif;background-color:#f9f9f9;color:#252525}body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100vh}main{-ms-flex:1;flex:1}a{color:#2e7555;transition:all .3s ease;text-decoration:none;border-bottom:1px solid transparent}a:hover{border-bottom-color:inherit}.drop-shadow-bottom{box-shadow:0 -4px 10px rgba(0,0,0,.7)}.drop-shadow-top{box-shadow:0 3px 10px rgba(0,0,0,.7)}.category-list li:after{content:" // "}.category-list li:last-child:after{display:none}.max-width-limit{max-width:1600px}header.main{z-index:2;position:relative;border-top:5px solid #f2c14e;padding:1rem 0;background:#fff}header.main a{transition:all .3s ease;border-bottom:none}header.main a:hover{color:#f2c14e}header.main a:hover .logo{background-color:#f2c14e}header.main .logo{transition:all .3s ease;vertical-align:middle;margin-top:-5px;margin-right:.5rem;display:inline-block;padding-left:0;height:32px;width:32px;background-color:#000;mask:url(../img/technology.svg) no-repeat 50% 50%;-webkit-mask:url(../img/technology.svg) no-repeat 50% 50%}header.main nav{padding-top:5px}.book{border-top-right-radius:5px;border-bottom-right-radius:5px;display:block;width:150px;height:220px;margin:1rem;border:none;position:relative;background:#fff;z-index:1;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 9px 20px 0 rgba(0,0,0,.25);overflow:hidden;transition:box-shadow .3s linear}.book img{border-top-right-radius:5px;border-bottom-right-radius:5px;width:inherit;height:inherit;transform-origin:0 50%;transform:rotateY(0);transition:all .45s ease}.book:not(.no-open):hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.25),0 9px 20px 0 rgba(0,0,0,.45)}.book:not(.no-open):hover img{transform:rotateY(-25deg);box-shadow:1px 1px 5px 5px rgba(0,0,0,.2)}.book:after,.book:before{border-top-right-radius:5px;border-bottom-right-radius:5px;content:"";display:block;width:inherit;height:inherit;position:absolute;z-index:-1;top:0;background:#fff;border:1px solid #d9d9d9}.book:before{left:-3px}.book:after{left:-6px}article{position:relative;z-index:1}article.blog-post header,article.thumbnail header{margin-bottom:4rem;text-align:center;min-height:300px;background:#d8e0ec;display:table;width:100%;letter-spacing:2px}article.blog-post header.with-notice,article.thumbnail header.with-notice{margin-bottom:0}article.blog-post header.muted,article.thumbnail header.muted{position:relative}article.blog-post header.muted .mute,article.thumbnail header.muted .mute{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);z-index:1}article.blog-post header.muted .content,article.thumbnail header.muted .content{position:relative;z-index:2}article.blog-post header.space,article.thumbnail header.space{background:#000 url(http://www.photogabble.co.uk/assets/img/header-backgrounds/pexels-photo-14676.png);background-size:cover}article.blog-post header.dark,article.thumbnail header.dark{background:#444349 url(http://www.photogabble.co.uk/assets/img/header-backgrounds/stardust.png);color:#fff}article.blog-post header.sea,article.thumbnail header.sea{background:#0ff url(https://images.unsplash.com/photo-1469537053566-3081fd1e0de2?dpr=1&auto=format&crop=entropy&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb);background-size:cover}article.blog-post header.sea a,article.thumbnail header.sea a{color:#001f3f}article.blog-post header.navy,article.thumbnail header.navy{background:#001f3f;color:#fff}article.blog-post header>div,article.thumbnail header>div{display:table-cell;vertical-align:middle}article.blog-post header h1,article.thumbnail header h1{font-weight:700}article.blog-post header a,article.thumbnail header a{color:#f2c14e}article.blog-post header p,article.thumbnail header p{font-size:.7em;line-height:1.1rem}article.book-review header{background:#f5e2b5;color:#7b3535}article.book-review .body{margin-bottom:4rem}article .notice-bar{margin-bottom:4rem;padding:1rem;text-align:center}article .notice-bar a{color:#db3a34}article .body{max-width:64em;line-height:2em;text-align:justify;text-align-last:left}article .body>*{margin-left:8%;padding-right:8%}article .body .code-toolbar{margin-left:0;padding-right:0}article .body .code-toolbar>.toolbar{top:1rem;right:.5rem;opacity:.8}article .body p{margin-left:12%;padding-right:12%}article .body p code{background:#feeeb9}article .body aside{margin-left:10%;margin-right:10%;border:1px solid #2e7555;padding:1rem;border-left-width:5px;line-height:1.5em;font-size:.9em}article .body blockquote{border-left:3px solid #333;padding-left:1rem}article .body blockquote p{margin:0;padding:0;font-style:italic}article .body hr{background:#9e9e9e;border:none;height:1px;margin:2rem 0}article .body .footnotes,article .body .full-width{padding-right:0;margin-left:0}article .body .footnotes p{margin:0;padding:0}article .body .footnotes ol{padding-right:12%;margin-left:12%}article .body .footnotes ol li{font-size:.9rem}article .body h1,article .body h2,article .body h3,article .body h4,article .body h5,article .body h6{color:#3d9970;font-weight:400;border-bottom:1px solid #b0b2b5;padding-bottom:.2em;margin-left:0}article .body .cp_embed_wrapper,article .body img,article .body pre{display:inline-block;padding:0;max-width:100%;margin:1rem 0;width:100%}article .body .cp_embed_wrapper.normal,article .body img.normal,article .body pre.normal{width:auto}article .body .cp_embed_wrapper.img-center,article .body img.img-center,article .body pre.img-center{margin:1rem auto;display:block}article .body pre{background:#f4f4f4;border-left:3px solid #333;padding:0 0 0 61px;box-sizing:border-box}article .body pre .line-numbers-rows{padding-left:10px;background:#e4e4e4;left:-61px;width:39px}article .body img{height:auto}article.thumbnail{box-sizing:border-box;margin-bottom:0;padding:1rem;cursor:pointer}article.thumbnail header{overflow:hidden;margin-bottom:0;position:relative}article.thumbnail header:before{content:"";position:absolute;width:100%;height:100%;background:transparent;display:none;transition:background-color .5s linear}article.thumbnail header>a{background:rgba(0,0,0,.5);display:table-cell;vertical-align:middle;border-bottom-width:4px;color:#f9f9f9}article.thumbnail header>a:hover{color:#f2c14e}article.thumbnail header span{border-bottom:1px solid}article.thumbnail.category-tutorials header>a:hover{color:#3d9970}article.thumbnail.category-javascript header>a:hover{color:#db3a34}article.blog-post{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}article.blog-post .body{-ms-flex:1;flex:1}@media (max-width:40em){header.main{text-align:center}article header{min-height:inherit}article header>div{padding:2rem}article .body>*{margin-left:0;padding-right:0}}footer{background:#252525;color:#f9f9f9;padding:1rem 0;font-size:.9rem;line-height:1.4rem}footer.next-previous-links{background-color:#323232;border-bottom:1px solid #1b1b1b}footer.next-previous-links nav a{color:#f2c14e;border-bottom:0;line-height:.7em;display:block}footer.next-previous-links nav a span{border-bottom:1px solid transparent}footer.next-previous-links nav a:hover span{border-bottom-color:inherit}footer.next-previous-links nav a.disabled{color:#f9f9f9;opacity:.3;cursor:default;pointer-events:none}footer.next-previous-links nav a.disabled:hover span{border-bottom-color:transparent}ul.list-inline li{display:inline-block;margin:0 .5rem}ul.list-inline li a{display:block;background:#252525;color:#f9f9f9;padding:.3rem .8rem}ul.list-inline li a:hover{background:#3d9970}.heartify{animation:heartify .5s infinite alternate;color:#db3a34}@keyframes heartify{0%{transform:scale(1.2)}}