*{box-sizing:border-box}body{background-color:#e3d8d7;margin:0;font-family:Roboto,sans-serif;font-size:16px}.animate{transition:.2s ease-in-out}.body,.separator{overflow:hidden}.container{max-width:1024px;margin:auto}.clearfix{clear:both}.top-bar,.footer{background-color:#f0e4e4}.top-bar__site-name,.top-bar__menu{display:inline-block}.top-bar__site-name{width:40%}.top-bar__site-name__name,.top-bar__site-name__job{line-height:40px}.top-bar__site-name__name{font-weight:700;color:#16a085}.top-bar__site-name__job{font-style:italic}.top-bar__menu{text-align:right;width:60%}.top-bar__menu__item{display:inline-block;color:#000;text-decoration:none;padding:10px;position:relative}.top-bar__menu__item:before,.top-bar__menu__item:after{content:'';position:absolute;transition:.2s ease-in-out}.top-bar__menu__item:before{border-top:3px solid #000;width:0;top:-1px;left:50%;right:50%}.top-bar__menu__item:after{border-bottom:3px solid #000;width:50%;bottom:0;left:25%;right:25%}.top-bar__menu__item:hover:after,.top-bar__menu__item--active:after{width:100%;left:0;right:0;border-color:#16a085}.top-bar__menu__item:hover:before,.top-bar__menu__item--active:before{width:100%;left:0;right:0;border-color:#16a085}.jumbotron{padding:10px;background-image:url(../img/gaussian-blur.jpg);background-size:cover;text-align:center}.portrait{border-radius:50%;padding:3px;background-color:#fff}.jumbotron__title{margin:0;padding-top:1rem;color:#333;text-shadow:0 1px 0 #ddd}.body{border-bottom:1px solid #bbb}.body--darker{background-color:#dad0cf}.body__title{margin:0;color:#777}.body__title:first-letter{color:#16a085}.body__column{padding:50px 10px;width:50%;display:inline-block;text-align:justify;line-height:1.6rem;vertical-align:top}.body__column--left{padding-right:20px}.body__column--right{padding-left:20px}.separator{background:#18b890 url(../img/shattered-dark.png);color:#fff;text-shadow:0 1px 0 #000;box-shadow:inset 0 0 5px rgba(0,0,0,.5);text-align:center}.separator__title,.separator__body{margin:0}.separator__title{padding-top:50px;padding-bottom:10px}.separator__body{padding:5px 0;line-height:1.4rem}.separator__image{text-align:center;width:100%;max-width:810px;margin:20px auto 0;display:block}.lets-work{padding:10px;text-decoration:none;color:#fff;background-color:#27ae60;text-shadow:0 1px 0 #444;display:inline-block;margin:auto;position:relative;display:block;width:100%;height:50px}.lets-work:hover{text-decoration:underline}.lets-work__title,.lets-work__subtitle{position:absolute;left:0;right:0;width:100%;text-align:center}.lets-work__title{top:15px;font-weight:700}.lets-work:hover .lets-work__title{top:5px}.lets-work__subtitle{bottom:0;opacity:0;color:#333;text-shadow:none}.lets-work:hover .lets-work__subtitle{opacity:1}.classic-link,.mailto-link{color:#555}.classic-link:hover,.mailto-link:hover{color:#222}.mailto-link{text-decoration:none}.footer{padding:20px 0}.social-link{color:#555;margin:10px;text-decoration:none;position:relative;display:inline-block}.social-link__icon{font-size:2.5rem;vertical-align:middle}.social-link:hover{color:#222}.social-link__nickname{vertical-align:middle;font-size:16px;position:relative;top:-25px;opacity:0}.social-link:hover .social-link__nickname{top:0;opacity:1}.align-center{text-align:center}.input,.textarea{display:block;width:100%;border:1px solid #ccc;padding:10px;font-family:Roboto,sans-serif;font-size:1em;margin:5px 0}.textarea{resize:vertical}.contact-submit{background-color:#27ae60;border:0;width:100%;color:#fff;font-size:1.5em;padding:10px}.contact-submit--sending{opacity:.5}.contact-submit__icon{width:0;overflow:hidden}.contact-submit:hover .contact-submit__icon{width:1em}@media screen and (max-width:640px){body{font-size:14px}.top-bar__site-name{border-bottom:1px solid #d7cccc}.top-bar__site-name,.top-bar__menu{width:100%;display:block;text-align:center}.body{padding:20px 0}.body__column{width:100%;padding:10px;line-height:1.4rem}.body__column--left{padding-right:none}.body__column--right{padding-left:none}.separator{padding:20px 10px 15px}.separator__title{padding-top:5px}.separator__image{margin-bottom:-15px}.social-link__icon{font-size:1.5em}.social-link__nickname{font-size:1em;vertical-align:middle}.social-link__nickname{opacity:1;top:0}}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.1.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg')}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-skype:before{content:"\f17e"}.fa-envelope:before{content:"\f0e0"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.showcase{overflow:hidden}.showcase__item{width:25%;padding-bottom:25%;position:relative;float:left;background-color:#fff;background-position:center center;background-repeat:no-repeat;overflow:hidden}.showcase__item--gulp{background-image:url(../img/tools/gulp.png)}.showcase__item--node{background-image:url(../img/tools/node.png)}.showcase__item--terminal{background-image:url(../img/tools/terminal.png)}.showcase__item--sublime{background-image:url(../img/tools/sublime.png)}.showcase__item--cssnext{background-image:url(../img/tools/cssnext.png)}.showcase__item--webpack{background-image:url(../img/tools/webpack.png)}.showcase__item--github{background-image:url(../img/tools/github.png)}.showcase__item--react{background-image:url(../img/tools/react.png)}.showcase__item__content{position:absolute;top:0;left:0;bottom:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition:.2s ease-in-out;background-color:rgba(0,0,0,.5);padding:5px;color:#fff}.showcase__item:hover .showcase__item__content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:480px){.showcase{padding:5px}.showcase__item{width:100%;padding-bottom:100%}}@media screen and (min-width:480px)and (max-width:650px){.showcase__item{width:50%;padding-bottom:50%}}@media screen and (min-width:651px)and (max-width:1050px){.showcase__item{width:33.3333%;padding-bottom:33.3333%}}