/* benregenspan 2014-10-05 */
@font-face{font-family:fontello;src:url(fonts/fontello.eot?27200950);src:url(fonts/fontello.eot?27200950#iefix) format("embedded-opentype"),url(fonts/fontello.woff?27200950) format("woff"),url(fonts/fontello.ttf?27200950) format("truetype"),url(fonts/fontello.svg?27200950#fontello) format("svg");font-weight:400;font-style:normal}@-o-keyframes throb{from{transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1)}to{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}}@-moz-keyframes throb{from{transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1)}to{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}}@-webkit-keyframes throb{from{transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1)}to{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}}@-keyframes throb{from{transform:scaleX(1);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-moz-transform:scaleX(1)}to{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}}@-o-keyframes throb-flipped{from{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1)}to{transform:scaleX(-1.2);-webkit-transform:scaleX(-1.2);-ms-transform:scaleX(-1.2);-moz-transform:scaleX(-1.2)}}@-moz-keyframes throb-flipped{from{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1)}to{transform:scaleX(-1.2);-webkit-transform:scaleX(-1.2);-ms-transform:scaleX(-1.2);-moz-transform:scaleX(-1.2)}}@-webkit-keyframes throb-flipped{from{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1)}to{transform:scaleX(-1.2);-webkit-transform:scaleX(-1.2);-ms-transform:scaleX(-1.2);-moz-transform:scaleX(-1.2)}}@-keyframes throb-flipped{from{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1)}to{transform:scaleX(-1.2);-webkit-transform:scaleX(-1.2);-ms-transform:scaleX(-1.2);-moz-transform:scaleX(-1.2)}}@-o-keyframes pipe-dance{from{background-position:0 0}to{background-position:-175px 217px}}@-moz-keyframes pipe-dance{from{background-position:0 0}to{background-position:-175px 217px}}@-webkit-keyframes pipe-dance{from{background-position:0 0}to{background-position:-175px 217px}}@-keyframes pipe-dance{from{background-position:0 0}to{background-position:-175px 217px}}@-o-keyframes pipe-smoke{0%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-26px) translateZ(0) rotate(66deg);-webkit-transform:translateY(-26px) translateZ(0) rotate(66deg);-ms-transform:translateY(-26px) translateZ(0) rotate(66deg);-moz-transform:translateY(-26px) translateZ(0) rotate(66deg)}50%{opacity:.75;-webkit-opacity:.75;-ms-opacity:.75;-moz-opacity:.75;transform:translateY(-50px) translateZ(0) rotate(35deg);-webkit-transform:translateY(-50px) translateZ(0) rotate(35deg);-ms-transform:translateY(-50px) translateZ(0) rotate(35deg);-moz-transform:translateY(-50px) translateZ(0) rotate(35deg)}75%{z-index:3000;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}100%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-webkit-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-ms-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-moz-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2)}}@-moz-keyframes pipe-smoke{0%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-26px) translateZ(0) rotate(66deg);-webkit-transform:translateY(-26px) translateZ(0) rotate(66deg);-ms-transform:translateY(-26px) translateZ(0) rotate(66deg);-moz-transform:translateY(-26px) translateZ(0) rotate(66deg)}50%{opacity:.75;-webkit-opacity:.75;-ms-opacity:.75;-moz-opacity:.75;transform:translateY(-50px) translateZ(0) rotate(35deg);-webkit-transform:translateY(-50px) translateZ(0) rotate(35deg);-ms-transform:translateY(-50px) translateZ(0) rotate(35deg);-moz-transform:translateY(-50px) translateZ(0) rotate(35deg)}75%{z-index:3000;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}100%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-webkit-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-ms-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-moz-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2)}}@-webkit-keyframes pipe-smoke{0%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-26px) translateZ(0) rotate(66deg);-webkit-transform:translateY(-26px) translateZ(0) rotate(66deg);-ms-transform:translateY(-26px) translateZ(0) rotate(66deg);-moz-transform:translateY(-26px) translateZ(0) rotate(66deg)}50%{opacity:.75;-webkit-opacity:.75;-ms-opacity:.75;-moz-opacity:.75;transform:translateY(-50px) translateZ(0) rotate(35deg);-webkit-transform:translateY(-50px) translateZ(0) rotate(35deg);-ms-transform:translateY(-50px) translateZ(0) rotate(35deg);-moz-transform:translateY(-50px) translateZ(0) rotate(35deg)}75%{z-index:3000;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}100%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-webkit-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-ms-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-moz-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2)}}@-keyframes pipe-smoke{0%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-26px) translateZ(0) rotate(66deg);-webkit-transform:translateY(-26px) translateZ(0) rotate(66deg);-ms-transform:translateY(-26px) translateZ(0) rotate(66deg);-moz-transform:translateY(-26px) translateZ(0) rotate(66deg)}50%{opacity:.75;-webkit-opacity:.75;-ms-opacity:.75;-moz-opacity:.75;transform:translateY(-50px) translateZ(0) rotate(35deg);-webkit-transform:translateY(-50px) translateZ(0) rotate(35deg);-ms-transform:translateY(-50px) translateZ(0) rotate(35deg);-moz-transform:translateY(-50px) translateZ(0) rotate(35deg)}75%{z-index:3000;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1}100%{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0;transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-webkit-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-ms-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2);-moz-transform:translateY(-160px) translateZ(0) rotate(66deg) scale(2)}}@-o-keyframes ken-burns-acid-test{0%{background-size:300px}25%{background-size:800px}50%{background-position-y:-100%;background-size:300px}75%{background-position-x:100%;background-size:300px}100%{background-position-x:-50%;background-size:150px}}@-moz-keyframes ken-burns-acid-test{0%{background-size:300px}25%{background-size:800px}50%{background-position-y:-100%;background-size:300px}75%{background-position-x:100%;background-size:300px}100%{background-position-x:-50%;background-size:150px}}@-webkit-keyframes ken-burns-acid-test{0%{background-size:300px}25%{background-size:800px}50%{background-position-y:-100%;background-size:300px}75%{background-position-x:100%;background-size:300px}100%{background-position-x:-50%;background-size:150px}}@-keyframes ken-burns-acid-test{0%{background-size:300px}25%{background-size:800px}50%{background-position-y:-100%;background-size:300px}75%{background-position-x:100%;background-size:300px}100%{background-position-x:-50%;background-size:150px}}#container:before,#top h1:before,#container:after,#top h1:after{content:" ";display:table}#container:after,#top h1:after{clear:both}*{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:#ab8771 url(img/pipetile.png);font-family:"Noto Serif",serif;color:#080f17;cursor:pointer;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%}body.sickening{animation-name:pipe-dance;-webkit-animation-name:pipe-dance;-ms-animation-name:pipe-dance;-moz-animation-name:pipe-dance;animation-duration:1s;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;-ms-animation-timing-function:linear;-moz-animation-timing-function:linear}body.annoying{background:#000 url(img/unicorn-glitch.gif);background-attachment:fixed;background-size:200px;-webkit-background-size:200px;-ms-background-size:200px;-moz-background-size:200px;background-position:-75%;animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in;-ms-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-duration:9s;-webkit-animation-duration:9s;-ms-animation-duration:9s;-moz-animation-duration:9s;animation-name:ken-burns-acid-test;-webkit-animation-name:ken-burns-acid-test;-ms-animation-name:ken-burns-acid-test;-moz-animation-name:ken-burns-acid-test;animation-direction:alternate;-webkit-animation-direction:alternate;-ms-animation-direction:alternate;-moz-animation-direction:alternate;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite}.image-credit{position:fixed;bottom:10px;font-size:.6em;color:#fff;text-shadow:1px 1px #000;left:10px;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;transition:transform 3s,opacity 1s;-webkit-transition:-webkit-transform 3s,opacity 1s;-ms-transition:-ms- transform 3s,opacity 1s;-moz-transition:-moz- transform 3s,opacity 1s;transform-origin:bottom left;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;-moz-transform-origin:bottom left}.image-credit a{color:#f58fff}.image-credit.hidden{translate:-100px,100px;-webkit-translate:-100px,100px;-ms-translate:-100px,100px;-moz-translate:-100px,100px;opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}.image-credit .expand-link{display:block;font-size:7em;transition:all 3s;-webkit-transition:all 3s;-ms-transition:all 3s;-moz-transition:all 3s}.image-credit .expand-link:hover{color:#fff}.hugely-annoying .expand-link{transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1)}.hugely-annoying .image-credit{transform:scale(2);-webkit-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2)}.hugely-annoying #container{transform:translate3d(1000px,0,0);-webkit-transform:translate3d(1000px,0,0);-ms-transform:translate3d(1000px,0,0);-moz-transform:translate3d(1000px,0,0);background-color:rgba(255,255,255,0)}.hugely-annoying section,.hugely-annoying canvas{opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}#container,#content{min-height:100%}#container{cursor:auto;margin-left:15%;background-color:#fff;overflow:hidden;transition:all 3s;-webkit-transition:all 3s;-ms-transition:all 3s;-moz-transition:all 3s}@media (max-width:600px){#container{margin:0}}#content{position:relative;padding:56px 66px 0}#container a{color:#158;text-decoration:none}#container a:hover{background:#666;padding:2px 5px;margin:-2px -5px -2px -5px;color:#fff;text-shadow:none}.icon{font-family:fontello;text-decoration:none}.no-icon{font-size:12px}footer{clear:both;color:#666;font-size:.8em;margin-bottom:80px}h1,h2,h3{font-weight:700;font-family:"Open Sans Bold","Open Sans",Helvetica,Arial,sans-serif;display:inline-block}h1 a,h2 a,h3 a{display:inline-block}h1{font-size:1.7em}h2{font-size:1.2em}h3{margin-bottom:0;margin-right:10px;font-size:1.05em}.tag{font-family:"Open Sans Bold","Open Sans",Helvetica,Arial,sans-serif}section{clear:both;padding:70px 0;transition:opacity 3s;-webkit-transition:-webkit-opacity 3s;-ms-transition:-ms- opacity 3s;-moz-transition:-moz- opacity 3s}section:last-of-type{padding-bottom:140px}@media (max-width:600px){section{padding:20px 0}}figure{opacity:0;transition:opacity 2s;-webkit-transition:opacity 2s;-ms-transition:opacity 2s;-moz-transition:opacity 2s;visibility:hidden;position:absolute;right:20px;top:-1000px;width:200px;height:200px;z-index:3}@media (min-width:600px) and (max-width:850px){figure{visibility:visible;opacity:1;width:30%;height:auto;float:left;position:relative;top:auto!important}figure>img{border:0;margin:0}}@media (max-width:600px){figure{visibility:visible;display:block;opacity:1;width:30%;height:auto;float:right;position:relative;top:auto!important}figure>img{border:0;margin:0}}figure>img{border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;width:100%;margin:25px;border:75px double #2e1404;position:relative;z-index:2;filter:grayscale(100%);-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);transition:all 3s ease-in;-webkit-transition:all 3s ease-in;-ms-transition:all 3s ease-in;-moz-transition:all 3s ease-in}.active figure>img{filter:grayscale(0%);-webkit-filter:grayscale(0%);-ms-filter:grayscale(0%);-moz-filter:grayscale(0%);border-width:0}.active figure>img.square{border-radius:0}.active figure{opacity:1;visibility:visible}.pipe-like{position:absolute;left:3%;bottom:20%;z-index:200;width:78px;height:22px;animation-duration:4s;-webkit-animation-duration:4s;-ms-animation-duration:4s;-moz-animation-duration:4s;animation-name:pipe-smoke;-webkit-animation-name:pipe-smoke;-ms-animation-name:pipe-smoke;-moz-animation-name:pipe-smoke;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite}.fb_iframe_widget span{height:100%!important;width:100%!important}.fb_iframe_widget iframe{position:static!important}#unicorn{width:120px;height:68px;position:absolute;top:0;left:0;z-index:4;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;transform:translate3d(0,0,0);-webkit-transform:-webkit-translate3d(0,0,0);-ms-transform:-ms- translate3d(0,0,0);-moz-transform:-moz- translate3d(0,0,0);transition:filter 3s,opacity 5s;-webkit-transition:-webkit-filter 3s,opacity 5s;-ms-transition:-ms- filter 3s,opacity 5s;-moz-transition:-moz- filter 3s,opacity 5s}@media (min-width:600px) and (max-width:850px){#unicorn{display:none}}@media (max-width:600px){#unicorn{display:none}}#unicorn.journey-started{transition:none;-webkit-transition:none;-ms-transition:none;-moz-transition:none}#unicorn.journey-completed{filter:blur(10px);-webkit-filter:blur(10px);-ms-filter:blur(10px);-moz-filter:blur(10px);opacity:0;-webkit-opacity:0;-ms-opacity:0;-moz-opacity:0}#unicorn::selection{background:transparent}#unicorn::-moz-selection{background:transparent}@media (max-width:600px){#top,aside{float:left}#top{margin-bottom:17px}#content{padding:10px 20px}}#top h1{margin:0;background:#ab8771;color:#fff;padding:3px 6px 4px;transform:rotate(9deg);-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);-moz-transform:rotate(9deg);text-align:right;width:162px;position:fixed;right:10px;top:22px;transform:translate(0px,0) rotate(9deg);-webkit-transform:translate(0px,0) rotate(9deg);-ms-transform:translate(0px,0) rotate(9deg);-moz-transform:translate(0px,0) rotate(9deg);-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;transition:transform 3s;-ms-transition:-ms-transform 3s}@media (max-width:600px){#top h1{margin-right:20px;position:static;transform:none;-webkit-transform:none;-ms-transform:none;-moz-transform:none}}@media (min-width:600px) and (max-width:850px){#top h1{width:1.5em;text-align:center}}.wf-loading #top h1{visibility:hidden;transform:translate(0px,-160px) rotate(-50deg);-webkit-transform:translate(0px,-160px) rotate(-50deg);-ms-transform:translate(0px,-160px) rotate(-50deg);-moz-transform:translate(0px,-160px) rotate(-50deg)}.project{margin:40px 0}#sidebar{position:fixed;right:10px;top:120px;width:3em;font-size:2em;text-align:center;z-index:10;-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;transition:transform 3s;-ms-transition:-ms-transform 3s;transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg)}.wf-loading #sidebar{transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-moz-transform:scale(0) rotate(-180deg)}@media (max-width:600px){#sidebar{position:static;width:auto;margin-top:20px}}@media (min-width:600px) and (max-width:850px){#sidebar{width:1.5em;font-size:1.5em}}#sidebar .icon{text-shadow:0;-webkit-text-shadow:0;-ms-text-shadow:0;-moz-text-shadow:0}#sidebar .icon:hover{color:#fff}.project p,.project h2,.project h3,section p,section h2,section h3{max-width:424px}.tag{background:#666;opacity:.5;color:#fff;padding:0 5px 1px 6px;text-transform:uppercase;font-size:.6em;-webkit-transition:opacity .5s,-webkit-transform .5s;-ms-transition:opacity .5s,-ms-transform .5s;-moz-transition:opacity .5s,-moz-transform .5s;transition:opacity .5s,transform .5s;display:inline-block}.project:hover .tag{opacity:1}#top span{display:block;float:left}@media (min-width:600px) and (max-width:850px){#top span{font-size:0}#top span::first-letter{font-size:20px}}.comic-sans,.comic-sans *{font-family:"Comic Sans MS","Comic Sans",Arial,Verdana,sans-serif!important}canvas{transition:opacity 5s;-webkit-transition:-webkit-opacity 5s;-ms-transition:-ms- opacity 5s;-moz-transition:-moz- opacity 5s;z-index:1}h1,h2,h3,p,.tag{transition:opacity 2s;-webkit-transition:opacity 2s;-ms-transition:opacity 2s;-moz-transition:opacity 2s;opacity:1;position:relative;z-index:2}.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading p,.wf-loading .tag{opacity:0;visibility:hidden}