/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}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}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}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:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body{font:normal 1em/1.4 'Open sans', sans-serif}@media (min-width: 440px){body{font:normal 1.2em/1.6 'Open sans', sans-serif}}.title--page{margin-top:1em;margin-bottom:0.2em}.post__content h1{margin:1.5em 0 1em}h2{margin-top:1em;margin-bottom:0.2em}h2:first-child{margin-top:0}.post-item__title{margin-bottom:0}.post-item__title+date{margin-bottom:0em;display:inline-block}h3{margin-bottom:0.2em}.tags-heading{margin:0}h4{margin-top:0.5em;margin-bottom:0}p{margin:0 0 2em}.time-to-read{font-style:italic;margin-bottom:0}.post__content a{text-decoration:none;border-bottom:2px solid #444;color:#444;font-weight:700}.post__content a:hover{color:#999}body{background:#fff;color:#111}a{color:inherit}ul,ol{margin:0 0 2em}img{max-width:100%}.container{margin:auto;width:80%;max-width:1200px}.container--alone{margin-top:6em;max-width:770px}pre code{font-family:"Incosolata", Monospace;line-height:1.4;font-size:16px;padding:20px 10px;color:#111;background:#f7f7f7;display:block}.main--post-image{margin-top:100vh}@media (min-width: 768px){.main--post-image{margin-top:0}}blockquote{margin-left:0;padding-left:40px;border-left:1px solid black;font-size:20px}@keyframes slideInRight{from{transform:translate(-50%, 0);opacity:0.2}to{transform:translate(0, 0);opacity:1}}@keyframes slideInBottom{from{transform:translate(0, 40px);opacity:0.2}to{transform:translate(0, 0);opacity:1}}@keyframes slideInLeft{from{transform:translate(-50%, 0);opacity:0.2}to{transform:translate(0, 0);opacity:1}}@keyframes getInThere{from{opacity:0.2;transform:translate(0, 20%)}to{opacity:1;transform:translate(0, 0)}}.logo{background:#000;color:#fff;width:44px;height:44px;font-size:18px;line-height:44px;text-align:center;position:fixed;top:0;left:0;text-decoration:none;z-index:12}.nav{display:block;color:black;text-align:center;position:fixed;top:0;left:44px;z-index:1000;background:white}.nav__link{font-weight:normal;font-size:0.775em;display:block;padding:0 10px;width:82px;line-height:44px;height:44px;position:relative;color:inherit;box-sizing:border-box;text-decoration:none}.nav__link:hover{color:black}@media (min-width: 768px){.nav__link{line-height:44px;height:44px}}.cider{display:block;overflow:hidden;color:#111;background:#fafafa;position:relative;float:left;width:100%}.main--post-image .cider{display:none}@media (min-width: 768px){.main--post-image .cider{display:block}}@media (min-width: 768px){.cider{width:260px}}@media (min-width: 768px){.cider--fixed{position:fixed;top:0;bottom:0;left:0}}.cider__header{padding:15px 10px;box-sizing:border-box;display:block;transition:all 300ms ease-in-out;width:100%}@media (min-width: 768px){.cider__header{position:absolute;bottom:calc(100% - 161px - 44px);height:161px}}.cider__title{margin:10px 0 10px}.cider__content{margin:0}.cider__container{position:relative;height:100%}.cider__sub{margin:0;font-weight:normal;font-size:1em}@media (min-width: 768px){.new .cider{padding-top:44px}.new .cider__header{bottom:230px}.new .cider__nav{transform:translateY(300%)}.new .hero{bottom:3%;left:9px;transform:scale(0.55)}}.rider{display:block;box-sizing:border-box;float:right;padding:5%;width:100%}@media (min-width: 768px){.rider{width:calc(100% - 260px);max-width:933px;margin-left:260px;margin-right:auto;float:none}}@media (min-width: 768px){.cider--wide+.rider{width:50%}}@media (min-width: 768px){.rider--fuller{width:100%}}.rider a{transition:background 300ms ease-in}.rider a:hover{background:#efefef;transition:background 200ms ease-out}.list{list-style:none;margin:0 0 2em;padding:0}.list--posts{margin-left:auto;margin-right:auto;max-width:800px}.list__item{padding:0;margin:0 0 1em}.list__item--post{padding:1em}.post-item{margin:0 0 2em}.post__header{position:absolute;background:#000;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:10}.post__hero{height:100vh;max-width:100000px}.post__hero-content{padding:10px 20px;position:absolute;background:rgba(0,0,0,0.6);color:#fff;bottom:20px;left:20px;right:83px}@media (min-width: 768px){.post__hero-content{right:auto;max-width:50%}}.post__hero-content h1,.post__hero-content p{margin:0}.post__hero-content h1{line-height:1.44;margin-bottom:5px}.post__hero-content p{font-size:12px}.post__scroll-down{background:rgba(0,0,0,0.6);fill:#fff;position:absolute;bottom:20px;right:20px;height:50px;width:50px}@media (min-width: 768px){.post__scroll-down{left:auto}}.post__icon{position:absolute;top:12px;width:24px;left:12px;height:24px}.post__content{margin:0 0 4em}@media (min-width: 768px){.post__content--hero{margin-top:100vh}}.article-footer{color:#ccc;box-sizing:border-box;padding-bottom:40px}.article-footer a{color:#444}@media (min-width: 1000px){.article-footer--has-hero{width:50%;margin:0 0 0 42%;position:relative;float:left}}.post-nav__link{float:none;clear:both;display:block;box-sizing:border-box;background:#fafafa;color:#333;padding:25px 0;width:100%;margin:0 auto 15px;padding:25px 0;text-decoration:none;text-align:center}@media (min-width: 768px){.post-nav__link{width:50%;margin:0 0 25px;float:left;clear:none}}.post-nav__link:hover{background:#efefef;color:#222}.post-nav__content{margin:0}.post-nav__prev{background:#eee;color:#999}.post-nav__next{background:#ddd;color:#111}.bg--man-w-pipe{background:black;background:url("../assets/generic/man-with-a-pipe-smaller.jpg") 50% center no-repeat #000;background-size:100% auto}@media (min-width: 768px){.bg--man-w-pipe{background-size:auto 100%}}@media (max-height: 600px) and (min-width: 768px){.bg--man-w-pipe{background-size:100%}}.hero{padding:2em 0 2em 4em}@media (min-width: 768px){.hero{margin:0;position:fixed;bottom:50%;padding:0;left:calc(50% + 140px);transform:translate(-50%, 50%);transition:all 300ms ease-in-out}}.new .hero{bottom:3%;left:9px;transform:scale(0.65);transition:all 500ms ease-in-out}.burg{fill:#aaa;stroke:#aaa}.hero svg{width:200px;animation:rotation 4s linear infinite}@keyframes rotation{0%{transform:rotateY(0deg) translateX(-50px) rotateZ(5deg) rotateX(-5deg)}100%{transform:rotateY(360deg) translateX(-50px) rotateZ(5deg) rotateX(5deg)}}
