@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?dkqwut");src:url("fonts/icomoon.eot?#iefixdkqwut") format("embedded-opentype"),url("fonts/icomoon.ttf?dkqwut") format("truetype"),url("fonts/icomoon.woff?dkqwut") format("woff"),url("fonts/icomoon.svg?dkqwut#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-email:before{content:"\e600"}.icon-facebook:before{content:"\ea8d"}.icon-github:before{content:"\eab4"}.icon-linkedin:before{content:"\eac8"}body,html{overflow-x:hidden;margin:0;padding:0;background-color:#f5f5f5}.container{max-width:960px;margin:auto;position:relative}.container:after{clear:both;content:"";display:table}.container.narrow{max-width:500px}.clearfix:after{clear:both;content:"";display:table}.inner{padding:20px}.full,.twothird,.half,.third{position:relative;width:100%;float:none}@media screen and (min-width: 720px){.full,.twothird,.half,.third{float:left}.full.inblock,.twothird.inblock,.half.inblock,.third.inblock{display:inline-block;float:none;vertical-align:top}}@media screen and (min-width: 720px){.twothird{width:66.66%}.half{width:50%}.third{width:33.33%}}.header{background-color:#fff;display:block;position:relative;transform:translateY(0);-webkit-transform:translateY(0);transition:all 0.3s}.header>.logo{display:block;position:absolute;top:0;left:-30%;opacity:0;text-align:center}.header>.logo>a{display:block}.header>.logo>a>img{display:inline;position:relative;width:50px;height:50px;padding:10px;vertical-align:middle}.header .navigation{display:block;font-family:"Raleway";font-weight:600;font-size:14px;letter-spacing:1px;margin-left:0;text-transform:uppercase}.header .navigation>.menu{display:table-row;margin:0;padding:0 20px;text-align:center}.header .navigation>.menu>li{display:table-cell;line-height:60px;padding-top:10px;vertical-align:bottom;width:1%}.header .navigation>.menu>li>a{display:block;padding:0 20px;position:relative;color:#000;transition:all 0.3s;vertical-align:middle}.header .navigation>.menu>li>a.about:hover{color:#f59}.header .navigation>.menu>li>a.projects:hover{color:#37c871}.header .navigation>.menu>li>a.contact:hover{color:#0cf}@media screen and (min-width: 720px){.header .navigation>.menu{display:block;letter-spacing:2px;text-align:right}.header .navigation>.menu>li{display:inline-block;width:auto}}.header.loading{transform:translateY(-70px);-webkit-transform:translateY(-70px)}.header.scrolling{transform:translateY(-67px);-webkit-transform:translateY(-67px)}.underline{background-color:transparent;height:3px;position:absolute;bottom:0;left:5px;right:5px;transition:all 0.3s}.about>.underline{background-color:#f59}.projects>.underline{background-color:#37c871}.contact>.underline{background-color:#0cf}@media screen and (max-width: 720px){.home-page.introduction{padding-top:60px}}.home-navigation{background-color:#fff;transform:translateY(0);-webkit-transform:translateY(0);transition:all 0.3s}.home-navigation .navigation{display:block;font-family:"Raleway";font-weight:600;font-size:14px;letter-spacing:1px;margin-left:0}.home-navigation .navigation>.menu{display:table-row;margin:0;padding:0 20px;text-align:center;text-transform:uppercase}.home-navigation .navigation>.menu>li{display:table-cell;line-height:50px;vertical-align:bottom;width:1%}.home-navigation .navigation>.menu>li>a{display:block;padding:0 20px;position:relative;color:#000;transition:all 0.3s;vertical-align:middle}.home-navigation .navigation>.menu>li>a.about:hover{color:#f59}.home-navigation .navigation>.menu>li>a.projects:hover{color:#37c871}.home-navigation .navigation>.menu>li>a.contact:hover{color:#0cf}.home-navigation.loading{transform:translateY(50px);-webkit-transform:translateY(50px)}.newest.container{max-width:480px}@media screen and (max-height: 624px){.newest.container{display:none}}.view{opacity:1;padding-bottom:20px;transform:translateY(0);-webkit-transform:translateY(0);visibility:visible;transition:all 1s}.view.loading{opacity:0;visibility:hidden;transform:translateY(20px);-webkit-transform:translateY(20px)}.view a{color:#f59}.view a:hover{color:#37c871}.introduction{max-width:480px;padding:80px;padding-bottom:40px;text-align:center}@media screen and (max-width: 720px){.introduction{padding-top:40px}}@media screen and (max-width: 720px) and (orientation: landscape){.introduction{padding-top:20px}}@media screen and (min-height: 960px){.introduction{padding-top:8%}}.introduction>.logo{display:block;margin:auto;margin-top:-50px;padding:10px;position:relative}.introduction>.logo>img{width:99px;height:90px}@media screen and (min-width: 720px){.introduction>.logo>img{width:150px;height:120px}}.introduction>.subline{display:block;font-size:115%;margin:10px auto;max-width:320px}.home-background{position:absolute;top:0;left:0;right:0;height:10px;transition:all 0.3s}@media screen and (min-width: 720px){.home-background.loading{height:0}}.home-background.loading{height:0}.home-background .color-changer{background-color:#f59;position:absolute;top:0;left:0;bottom:0;right:0;-webkit-animation-delay:0s;-webkit-animation-duration:10s;-webkit-animation-name:kaleidoscope;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease;-moz-animation-delay:0s;-moz-animation-duration:10s;-moz-animation-name:kaleidoscope;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease;animation-delay:0s;animation-duration:10s;animation-name:kaleidoscope;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}@-webkit-keyframes kaleidoscope{0%{background-color:#f59}33%{background-color:#37c871}66%{background-color:#0cf}100%{background-color:#f59}}@-moz-keyframes kaleidoscope{0%{background-color:#f59}33%{background-color:#37c871}66%{background-color:#0cf}100%{background-color:#f59}}@keyframes kaleidoscope{0%{background-color:#f59}33%{background-color:#37c871}66%{background-color:#0cf}100%{background-color:#f59}}.footer{font-size:10px;position:relative;width:100%;transition:all 0.3s;transform:translateY(0);-webkit-transform:translateY(0)}.footer .brand{color:white;font-family:"Lora";font-style:italic;position:absolute;bottom:0;top:0;left:0;width:70px;text-transform:lowercase;text-align:center;transition:all 0.3s}.footer .title{margin:0;line-height:20px;letter-spacing:1px;padding:0;font-family:"Lora";text-transform:lowercase}.footer .copyright{margin-left:80px;line-height:20px}.footer.about{background-color:#ffd5e5}.footer.about>.brand{background-color:#f59}.footer.about>.copyright{color:#f59}.footer.projects{background-color:#d7f4e3}.footer.projects>.brand{background-color:#37c871}.footer.projects>.copyright{color:#37c871}.footer.contact{background-color:#d5f6ff}.footer.contact>.brand{background-color:#0cf}.footer.contact>.copyright{color:#0cf}.footer.loading{transform:translateY(20px);-webkit-transform:translateY(20px)}.loader{opacity:0;transition:all 0.5s;visibility:hidden;position:fixed;bottom:30%;left:0;right:0;text-align:center;z-index:0}.loader>.text{font-size:10px;font-family:"Raleway";letter-spacing:3px;margin-right:-3px;text-transform:uppercase}.loader>.load-row{display:inline-block;width:40px;height:40px;position:relative}.loader>.load-row>.bar{display:block;position:absolute;width:40px;height:0;bottom:10px}.loader>.load-row>.bar.red{background-color:#f59;-webkit-animation-delay:0s;-webkit-animation-duration:0.7s;-webkit-animation-name:bounce;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease;-moz-animation-delay:0s;-moz-animation-duration:0.7s;-moz-animation-name:bounce;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease;animation-delay:0s;animation-duration:0.7s;animation-name:bounce;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}.loader>.load-row>.bar.green{background-color:#37c871;-webkit-animation-delay:0.25s;-webkit-animation-duration:0.7s;-webkit-animation-name:bounce;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease;-moz-animation-delay:0.25s;-moz-animation-duration:0.7s;-moz-animation-name:bounce;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease;animation-delay:0.25s;animation-duration:0.7s;animation-name:bounce;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}.loader>.load-row>.bar.blue{background-color:#0cf;-webkit-animation-delay:0.5s;-webkit-animation-duration:0.7s;-webkit-animation-name:bounce;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-timing-function:ease;-moz-animation-delay:0.5s;-moz-animation-duration:0.7s;-moz-animation-name:bounce;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-timing-function:ease;animation-delay:0.5s;animation-duration:0.7s;animation-name:bounce;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease}.loader.loading{opacity:1;visibility:visible}@-webkit-keyframes bounce{from{height:0}to{height:40px}}@-moz-keyframes bounce{from{height:0}to{height:40px}}@keyframes bounce{from{height:0}to{height:40px}}.button,a.button{background-color:#37c871;border-radius:3px;color:#fff;display:block;font-family:"Raleway";font-size:14px;letter-spacing:2px;line-height:1.4;padding:20px;margin:auto;max-width:150px;text-transform:uppercase;transition:all 0.3s}.button:hover,a.button:hover{background-color:#2ca05a;color:#fff}button.more{background-color:transparent;border-radius:3px;border:0;color:#37c871;cursor:pointer;display:block;font-family:"Raleway";font-size:14px;letter-spacing:2px;overflow:hidden;opacity:0;margin:auto;padding:20px;width:0;text-transform:uppercase;transition:all 0.3s}button.more:focus{outline:none}button.more.open{width:80%;opacity:1}button.more.open:hover{border-color:transparent;color:#0cf}.link-block{position:relative}.link-block>.icon{display:block;position:absolute;top:10px;left:10px;width:30px;font-size:30px;text-align:center}.link-block>a{color:#000;display:inline-block;background-color:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);border:1px solid transparent;font-family:"Raleway";font-size:14px;margin-left:50px;letter-spacing:1px;padding:20px;position:relative;transition:all 0.3s}.link-block>a:hover{background-color:transparent;box-shadow:none;border:1px solid rgba(0,0,0,0.1);color:#000}.project{display:block;position:relative;opacity:0;transform:translateX(20px);-webkit-transform:translateX(20px);transition:all 0.3s}.project>.type-graphic{width:30px;height:30px;top:0;left:0;padding:10px;position:absolute;text-align:center}.project>.type-graphic>img{width:15px;height:15px}.project>.block{background-color:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);margin-left:50px;padding:10px;position:relative;transition:all 0.3s}.project>.block:hover{background-color:transparent;box-shadow:none}.project>.block>.title{font-family:"Raleway";letter-spacing:2px;position:relative;padding:0;padding-bottom:10px;margin-bottom:10px;text-align:left;text-transform:uppercase}.project>.block>.title:after{content:"";height:2px;width:50px;position:absolute;bottom:-2px;left:0}.project>.block>.title.art:after{background-color:#f59}.project>.block>.title.development:after{background-color:#37c871}.project>.block>.title.writing:after{background-color:#0cf}.project>.block>.subline{margin:0;font-style:italic}.project.fade{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}.introduction>.type{margin:0 auto;max-width:100px;padding:20px 0;border-top:2px solid transparent;position:relative;font-style:italic}.introduction>.type.art{border-color:#f59}.introduction>.type.development{border-color:#37c871}.introduction>.type.writing{border-color:#0cf}.project-body{background-color:#fff;padding:18px 40px;margin-top:-20px}.project-body .heading{font-size:130%;font-weight:normal;text-transform:none}.project-body img{max-width:100%;height:auto;width:auto;display:block;margin:20px auto;margin-bottom:40px}.project-body h3{text-transform:uppercase;font-family:"Raleway";font-size:80%;letter-spacing:1px;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #f5f5f5;margin-bottom:10px}.projects.container{margin-bottom:20px}.project-scroll{position:fixed;bottom:0;left:0;right:0;top:100%;background-color:#fff}.professional-page>.overview:before{content:"";display:block;width:100px;position:relative;margin:20px auto;border-top:2px solid #f59}.panel{padding:20px}.panel h2{font-family:"Raleway";font-size:100%;text-transform:uppercase;text-align:center;letter-spacing:1px;padding-bottom:20px;margin-bottom:20px}.panel.skills{background-color:#ffd5e5}.panel.skills h2{color:#f59;border-bottom:2px solid #f59}.panel.experience{background-color:#d7f4e3}.panel.experience h2{color:#37c871;border-bottom:2px solid #37c871}.panel.education{background-color:#d5f6ff}.panel.education h2{color:#0cf;border-bottom:2px solid #0cf}.panel .section{font-size:90%;box-sizing:border-box;padding:20px;vertical-align:top;display:block;width:100%}@media screen and (min-width: 720px){.panel .section{display:inline-block;width:49%}}.panel .section>h3{font-family:"Raleway";text-transform:uppercase;letter-spacing:1px}.panel .job,.panel .course{padding:20px}.panel .job:after,.panel .course:after{content:"";display:table;clear:both}.panel .job .dates,.panel .course .dates{width:30%;box-sizing:border-box;float:left;font-style:italic}.panel .job .description,.panel .course .description{width:70%;box-sizing:border-box;float:left;padding:0 20px}.panel .job .description>.company,.panel .job .description>.school,.panel .course .description>.company,.panel .course .description>.school{font-family:"Raleway";letter-spacing:1px;font-size:14px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:10px}.panel .job .description>h3,.panel .course .description>h3{font-weight:bold}.contact-page.introduction{padding-bottom:0}.contact{text-align:center}.contact .social{margin:20px auto}.contact .social:before{content:"";display:block;width:100px;position:relative;margin:20px auto;margin-top:0;border-top:2px solid #0cf}.contact .social>ul{list-style:none;margin:0;padding:0}.contact .social>ul>li{display:inline-block}.contact .social>ul>li>a{color:#000;padding:20px}.contact .social>ul>li>a:hover{color:#0cf}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:300;font-size:95%;font-family:"Lora"}@media screen and (min-width: 720px){body{font-size:110%}}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;line-height:1.2;margin:0}a{text-decoration:none}p,ol,ul{line-height:160%;margin-top:10px;margin-bottom:10px}.heading{font-style:italic;font-size:180%;font-weight:bold;text-transform:lowercase}.secondary{font-size:14px;font-family:"Raleway";letter-spacing:1px;padding-bottom:20px;margin:0 20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.1);text-align:center;text-transform:uppercase}.title{padding:20px 0;font-size:90%;font-family:"Raleway";letter-spacing:2px;text-align:center;text-transform:uppercase}.type{margin:0;font-style:italic}