progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}*,::after,::before,legend{box-sizing:border-box}.main-nav,footer,h3,h4{text-align:center}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;src:local('Roboto Slab Light'),local('RobotoSlab-Light'),url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJbfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')}/*! 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}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}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}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{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:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?vw20bx);src:url(../fonts/icomoon.eot?vw20bx#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?vw20bx) format("truetype"),url(../fonts/icomoon.woff?vw20bx) format("woff"),url(../fonts/icomoon.svg?vw20bx#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-envelope:before{content:"\f003"}.icon-linkedin:before{content:"\f0e1"}.icon-github:before{content:"\f113"}.icon-smile:before{content:"\f118"}.icon-code:before{content:"\f121"}.icon-codepen:before{content:"\f1cb"}@keyframes bounceDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.grid,[class*=grid-]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}body,header{display:-ms-flexbox}.grid .col,[class*=grid-] .col{-ms-flex:0 1 auto;flex:0 1 auto;padding:0 10px}.grid-2 .col{width:100%}.grid-3 .col{padding-bottom:20px;width:50%}body{color:#252527;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100vh;text-transform:lowercase}.projects .col a .proj-title span,h4{font-family:"Roboto Slab",Cambria,Times New Roman,Times,serif}@media (min-width:991px){.grid-2 .col{width:50%}.grid-3 .col{width:33.333%}body{-ms-flex-direction:row;flex-direction:row}header{width:150px}}.contain{-ms-flex:1;flex:1}h1,h2,h3,h4{letter-spacing:.05rem;margin:0;text-rendering:optimizelegibility}h1{font-size:2.5rem;line-height:1.333rem}h2{font-size:1.75rem;line-height:1.4rem;margin-bottom:.375rem}h3{font-size:1.25rem}h4{font-weight:300;margin-bottom:1.2rem}img{border-style:none;display:block;height:auto;width:100%}ul{margin:0;padding:0}ul li{list-style:none}header{display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:100%;padding:10px}header .logo{max-height:100%}section{padding:50px 15px}footer{color:#a3a3a8;font-size:.9rem}.nav-wrap{display:none}@media (min-width:991px){.nav-wrap{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;left:20px;position:fixed;top:200px}}.cheeseburger,.nav-wrap.open{display:block}.main-nav{margin:10px}@media (min-width:991px){.main-nav{margin:0;text-align:left}.main-nav li a:active,.main-nav li a:hover{box-shadow:-5px 0 #252527}}.main-nav li{margin-bottom:15px}.main-nav li a{transition:all ease-in .6s;color:#252527;display:block;font-weight:100;letter-spacing:.1em;padding:5px}.main-nav li a:active,.main-nav li a:hover{color:#89898f}.cheeseburger{transition:background .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:0;border-radius:0;box-shadow:none;cursor:pointer;height:96px;margin:0;-ms-flex-order:2;order:2;overflow:hidden;padding:0;position:relative;text-indent:-9999px;width:96px}@media (min-width:991px){.cheeseburger{display:none;visibility:hidden}}.cheeseburger:focus{outline:0}.cheeseburger span{transition:background 0 .3s;background:#252527;display:block;height:8px;left:18px;position:absolute;right:18px;top:44px}.cheeseburger span::after,.cheeseburger span::before{background-color:#252527;content:'';display:block;height:8px;left:0;position:absolute;transition-delay:.3s,0s;transition-duration:.3s,.3s;width:100%}.cheeseburger span::before{top:-20px;transition-property:top,transform}.cheeseburger span::after{bottom:-20px;transition-property:bottom,transform}.cheeseburger.active span{background:0 0}.cheeseburger.active span::after,.cheeseburger.active span::before{transition-delay:0s,.3s}.cheeseburger.active span::before{top:0;transform:rotate(45deg)}.cheeseburger.active span::after{bottom:0;transform:rotate(-45deg)}.hero{background:linear-gradient(rgba(21,21,21,.89),rgba(37,37,44,.95)),url(../images/coffee2.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;text-align:left}.about ul,.projects .col,.projects h3{text-align:center}.intro-me{animation-duration:1.5s;animation-fill-mode:both;animation-name:bounceDown;margin:0 auto;padding:0 3rem}@media (min-width:991px){.intro-me{width:55%}}.intro-me h2{color:#fff;font-weight:200;letter-spacing:.01em;line-height:2rem;margin:0}.intro-me h2 span:first-child{font-size:70px;font-weight:600;line-height:1}.intro-me h2 .front-end{color:#fd8b06;font-weight:400}.intro-me h2 .front-end::after,.intro-me h2 .front-end::before{color:#66d9ef}.intro-me h2 .front-end::before{content:'</ '}.intro-me h2 .front-end::after{content:' >'}.projects{background-color:#fff}.projects .col{margin-bottom:0}.projects .col a{background-color:rgba(37,37,44,.95);color:#fff;display:block;height:100%;position:relative}.projects .col a .proj-title{bottom:0;color:#fff;cursor:pointer;font-weight:600;left:0;opacity:1;padding:10px;right:0;top:0;width:100%}.projects .col a .proj-title span{font-weight:300}@media (min-width:991px){.projects .col a .proj-title{opacity:0;padding:70px 10px;position:absolute}.projects .col a .proj-title:hover{background-color:rgba(37,37,44,.95);opacity:1}.about{max-height:800px;overflow:hidden}}.about{color:#fff;padding:0}@media (min-width:991px){.about ul{display:none}.about .col img{width:auto}}.about ul li{background-color:#3e3e41;display:inline-block;margin:0 15px;padding:0 15px}.about ul li a{color:#fff;font-size:1.6rem}.about ul li a:active,.about ul li a:hover{color:#fd971f}.about .col{margin:0;padding:0}.about .col:first-child{background-color:#252527;padding:30px}.about .col:last-child{max-height:450px;overflow:hidden}@media (min-width:991px){.about .col:last-child{max-height:100%}}.skillbar{transition:width .4s linear;background-color:#f8f9fa;display:block;height:25px;margin-bottom:15px;position:relative;width:100%}.skillbar .skillbar-title{background-color:#38ceea;color:#fff;font-size:13px;font-weight:700;left:0;position:absolute;top:0;width:170px}.skillbar .skillbar-title span{background:rgba(0,0,0,.1);display:block;height:25px;line-height:25px;padding:0 20px}.skillbar .skillbar-bar{background:#66d9ef;height:25px;width:0}