@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:translateY(-10px)}20%{-webkit-transform:translateY(-20px)}}@keyframes stretchdelay{0%,100%,40%{transform:translateY(-10px);-webkit-transform:translateY(-10px)}20%{transform:translateY(-20px);-webkit-transform:translateY(-20px)}}.js .pages-nav--open{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pages-nav--open .pages-nav__item--social{opacity:1;-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#github-path:hover{fill:#56569b}#blog-path:hover{fill:#56569b}#linkedin-path:hover{fill:#56569b}#twitter-path:hover,.flickr-path:hover{fill:#56569b!important}.link:focus,.link:hover{color:#fff}.link--page:hover:before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.link--faded:focus,.link--faded:hover{color:#56569b}.js .pages-stack--open .page{cursor:pointer;-webkit-transition:-webkit-transform .45s,opacity .45s;-webkit-transition:opacity .45s,-webkit-transform .45s;-o-transition:transform .45s,opacity .45s;transition:transform .45s,opacity .45s;transition:transform .45s,opacity .45s,-webkit-transform .45s;-webkit-transition-timing-function:cubic-bezier(.6,0,.4,1);-o-transition-timing-function:cubic-bezier(.6,0,.4,1);transition-timing-function:cubic-bezier(.6,0,.4,1);-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1)}#logo{width:100px}.logo-menu-opened{visibility:hidden;opacity:0;-webkit-transition:visibility .2s,opacity .2s linear;-o-transition:visibility .2s,opacity .2s linear;transition:visibility .2s,opacity .2s linear}.logo-menu-closed{-webkit-transition:visibility .2s,opacity .2s linear;-o-transition:visibility .2s,opacity .2s linear;transition:visibility .2s,opacity .2s linear;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.menu-button--open span{opacity:0}.menu-button--open::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.menu-button--open::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg)}a:hover{color:#fff}.contact-form button:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;resize:none;border-bottom:3px solid #89b43e}.submit-button:hover{cursor:pointer;border:2px solid transparent;color:#fff}.submit-button:hover:after{left:-10%;width:120%}.submit-button input:focus{border:0}.checkbox input[type=checkbox]:checked+label:after{background:#89b43e}#privacy.error{background:rgba(255,0,0,.3)}@-webkit-keyframes writing-move{0%,100%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}2%{-webkit-transform:rotate(0) translateX(2px);transform:rotate(0) translateX(2px)}4%{-webkit-transform:rotate(2deg) translateX(4px);transform:rotate(2deg) translateX(4px)}8%{-webkit-transform:rotate(2deg) translateX(8px);transform:rotate(2deg) translateX(8px)}10%{-webkit-transform:rotate(0) translateX(10px);transform:rotate(0) translateX(10px)}12%{-webkit-transform:rotate(0) translateX(12px);transform:rotate(0) translateX(12px)}14%{-webkit-transform:rotate(2deg) translateX(14px);transform:rotate(2deg) translateX(14px)}18%{-webkit-transform:rotate(2deg) translateX(18px);transform:rotate(2deg) translateX(18px)}20%{-webkit-transform:rotate(0) translateX(20px);transform:rotate(0) translateX(20px)}22%{-webkit-transform:rotate(0) translateX(22px);transform:rotate(0) translateX(22px)}24%{-webkit-transform:rotate(2deg) translateX(24px);transform:rotate(2deg) translateX(24px)}28%{-webkit-transform:rotate(2deg) translateX(28px);transform:rotate(2deg) translateX(28px)}30%{-webkit-transform:rotate(0) translateX(30px);transform:rotate(0) translateX(30px)}32%{-webkit-transform:rotate(0) translateX(32px);transform:rotate(0) translateX(32px)}34%{-webkit-transform:rotate(2deg) translateX(34px);transform:rotate(2deg) translateX(34px)}38%{-webkit-transform:rotate(2deg) translateX(38px);transform:rotate(2deg) translateX(38px)}40%{-webkit-transform:rotate(0) translateX(40px);transform:rotate(0) translateX(40px)}42%{-webkit-transform:rotate(0) translateX(42px);transform:rotate(0) translateX(42px)}44%{-webkit-transform:rotate(2deg) translateX(44px);transform:rotate(2deg) translateX(44px)}48%{-webkit-transform:rotate(2deg) translateX(48px);transform:rotate(2deg) translateX(48px)}50%{-webkit-transform:rotate(0) translateX(50px);transform:rotate(0) translateX(50px)}}@keyframes writing-move{0%,100%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}2%{-webkit-transform:rotate(0) translateX(2px);transform:rotate(0) translateX(2px)}4%{-webkit-transform:rotate(2deg) translateX(4px);transform:rotate(2deg) translateX(4px)}8%{-webkit-transform:rotate(2deg) translateX(8px);transform:rotate(2deg) translateX(8px)}10%{-webkit-transform:rotate(0) translateX(10px);transform:rotate(0) translateX(10px)}12%{-webkit-transform:rotate(0) translateX(12px);transform:rotate(0) translateX(12px)}14%{-webkit-transform:rotate(2deg) translateX(14px);transform:rotate(2deg) translateX(14px)}18%{-webkit-transform:rotate(2deg) translateX(18px);transform:rotate(2deg) translateX(18px)}20%{-webkit-transform:rotate(0) translateX(20px);transform:rotate(0) translateX(20px)}22%{-webkit-transform:rotate(0) translateX(22px);transform:rotate(0) translateX(22px)}24%{-webkit-transform:rotate(2deg) translateX(24px);transform:rotate(2deg) translateX(24px)}28%{-webkit-transform:rotate(2deg) translateX(28px);transform:rotate(2deg) translateX(28px)}30%{-webkit-transform:rotate(0) translateX(30px);transform:rotate(0) translateX(30px)}32%{-webkit-transform:rotate(0) translateX(32px);transform:rotate(0) translateX(32px)}34%{-webkit-transform:rotate(2deg) translateX(34px);transform:rotate(2deg) translateX(34px)}38%{-webkit-transform:rotate(2deg) translateX(38px);transform:rotate(2deg) translateX(38px)}40%{-webkit-transform:rotate(0) translateX(40px);transform:rotate(0) translateX(40px)}42%{-webkit-transform:rotate(0) translateX(42px);transform:rotate(0) translateX(42px)}44%{-webkit-transform:rotate(2deg) translateX(44px);transform:rotate(2deg) translateX(44px)}48%{-webkit-transform:rotate(2deg) translateX(48px);transform:rotate(2deg) translateX(48px)}50%{-webkit-transform:rotate(0) translateX(50px);transform:rotate(0) translateX(50px)}}