styles.css

@import url(https://fonts.googleapis.com/css?family=Muli:300,400|Source+Sans+Pro);/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */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,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track{-webkit-transform:translateZ(0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;margin-top:-10px;padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"\E2\2020\90"}[dir=rtl] .slick-prev:before{content:"\E2\2020\2019"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"\E2\2020\2019"}[dir=rtl] .slick-next:before{content:"\E2\2020\90"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\E2\20AC\A2";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}html{font-size:62.5%}body{color:#666;font-family:Muli,sans-serif;font-size:1.5rem;line-height:2.6rem}img{display:block;max-width:100%}figure{margin:0}.container{max-width:88rem;margin-left:auto;margin-right:auto;padding:0 1.5rem}.container:after{clear:both;content:"";display:block}@media screen and (min-width:96rem){.container{padding:0}}.transition-wrapper{padding-top:10rem;position:relative}@media screen and (min-width:72rem){.transition-wrapper{padding-top:12rem}}@media screen and (min-width:72rem){.page-content{padding:0}}h1,h2,h3{color:#666;font-weight:400}h2{font-size:2rem;margin-bottom:3rem;margin-top:4.5rem}h3{margin-top:3rem}a{color:#3eafc1;text-decoration:none}a:hover{text-decoration:underline}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.code{font-family:Courier}.btn{border:.3rem solid #3eafc1;color:#3eafc1;display:inline-block;font-family:Source Sans Pro,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;overflow:hidden;padding:.5rem 3rem;position:relative;text-transform:uppercase}.btn:after{background:#3eafc1;bottom:0;content:'';height:150%;left:-10%;position:absolute;-webkit-transform:skewX(15deg);transform:skewX(15deg);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:0;z-index:-1}.btn:hover{color:#fff;text-decoration:none}.btn:hover:after{left:-10%;width:120%}p .btn{margin-top:1.5rem;padding-bottom:.8rem;padding-top:.8rem}.header{background:#fff;border-bottom:.1rem solid #eaedf1;font-family:Source Sans Pro,sans-serif;font-size:1.5rem;line-height:2.2rem;opacity:.95;padding:1.5rem 0;position:fixed;text-transform:uppercase;width:100%;z-index:2}.header .btn{margin-top:.3rem}.header__side{float:left;display:block;margin-right:2.35765%;width:48.82117%;height:4.4rem}.header__side:last-child{margin-right:0}.header__side--right .header__link{margin-right:3rem}.header__link{text-decoration:none}.header__link span{-webkit-transition:opacity .3s;transition:opacity .3s}.header__link:hover span{opacity:.7;text-decoration:none}.header__description,.header__name{clear:both;float:left}.header__name{color:#282c2f}.header__description{color:#6a7986;display:none}@media screen and (min-width:32rem){.header__description{display:inline-block}}.header__description--mobile{display:inline-block}@media screen and (min-width:32rem){.header__description--mobile{display:none}}.footer{margin:20rem 0 7rem}.footer__social-networks{list-style-type:none;margin-bottom:2rem;padding-left:0}.footer__credits{color:#bbc3ce;font-weight:300}.footer__credits svg{fill:#bbc3ce;height:1.7rem;margin:0 .5rem}.footer__text{vertical-align:10%}.social-network{display:inline}.social-network:not(:first-child) .social-network__link{margin-left:1rem}.social-network__link{border-radius:1.5rem;display:inline-block;height:3rem;padding-top:.6rem;-webkit-transition:box-shadow .2s cubic-bezier(.2,0,.7,1);transition:box-shadow .2s cubic-bezier(.2,0,.7,1);width:3rem}.social-network__link:hover{box-shadow:0 0 .1rem .5rem rgba(106,121,134,.3)}.social-network__link svg{fill:#6a7986;height:1.8rem;width:1.8rem}.social-network__link--linkedin svg{width:1.5rem}.lightbox-link{display:block;position:relative;text-align:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.lightbox-link:before{background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2065.02%2067.02%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.28%2C0a24.89%2C24.89%2C0%2C0%2C1%2C3.51.28A24.06%2C24.06%2C0%2C0%2C1%2C40.66%2C6.57%2C24.28%2C24.28%2C0%2C0%2C1%2C45.54%2C13a24%2C24%2C0%2C0%2C1%2C2.28%2C6.55A24.27%2C24.27%2C0%2C0%2C1%2C48%2C27.34%2C24.11%2C24.11%2C0%2C0%2C1%2C7.48%2C41.58%2C24.14%2C24.14%2C0%2C0%2C1%2C13.93%2C2.26%2C24%2C24%2C0%2C0%2C1%2C20.16.33%2C24.77%2C24.77%2C0%2C0%2C1%2C23.66%2C0ZM24%2C6.25a18.52%2C18.52%2C0%2C0%2C0-2.61.21%2C17.77%2C17.77%2C0%2C0%2C0-4.63%2C1.37%2C17.87%2C17.87%2C0%2C1%2C0%2C23.46%2C24%2C17.76%2C17.76%2C0%2C0%2C0%2C1.57-5.13%2C18%2C18%2C0%2C0%2C0-.13-6A17.75%2C17.75%2C0%2C0%2C0%2C40%2C15.9a18%2C18%2C0%2C0%2C0-8.32-8%2C17.77%2C17.77%2C0%2C0%2C0-4.6-1.43%2C18.53%2C18.53%2C0%2C0%2C0-2.6-.24Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.2%2C36.86a3.81%2C3.81%2C0%2C0%2C1%2C.51.08%2C3.12%2C3.12%2C0%2C0%2C1%2C.95.4%2C3%2C3%2C0%2C0%2C1%2C.41.31l.13.12L64.11%2C61.69a3.68%2C3.68%2C0%2C0%2C1%2C.33.39%2C3.11%2C3.11%2C0%2C0%2C1%2C.45.92%2C3.13%2C3.13%2C0%2C0%2C1-4.95%2C3.33%2C3%2C3%2C0%2C0%2C1-.26-.23L35.77%2C42.19a3.68%2C3.68%2C0%2C0%2C1-.33-.39%2C3.13%2C3.13%2C0%2C0%2C1-.58-1.94%2C3.12%2C3.12%2C0%2C0%2C1%2C2.82-3h.52Z%22%2F%3E%3C%2Fsvg%3E");content:'';display:inline-block;height:2rem;position:absolute;right:.8rem;top:.8rem;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:1.9rem;z-index:2}.lightbox-link:hover .lightbox-link__overlay{opacity:.6}.lightbox-link__overlay{border-left:5.8rem solid transparent;border-top:5.8rem solid #282c2f;height:0;opacity:.4;position:absolute;right:0;top:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:0;z-index:1}.nav-arrow{border-radius:50%;color:#6a7986;height:7.5rem;margin-top:4.5rem;padding-top:2.5rem;text-align:center;top:50%;-webkit-transition:box-shadow .4s cubic-bezier(.2,0,.7,1);transition:box-shadow .4s cubic-bezier(.2,0,.7,1);width:7.5rem;z-index:1}.nav-arrow:hover{box-shadow:0 0 .1rem .75rem rgba(106,121,134,.3),0 0 .1rem 1.5rem rgba(106,121,134,.2),0 0 .1rem 2.25rem rgba(106,121,134,.1);text-decoration:none}.nav-arrow__prev{float:left;margin-left:3rem}.nav-arrow__prev:before{content:'\2190   ';font-family:Source Sans Pro,sans-serif}.nav-arrow__next{float:right;margin-right:3rem}.nav-arrow__next:after{content:' \2192';font-family:Source Sans Pro,sans-serif}@media screen and (min-width:72rem){.nav-arrow{margin-top:-3.75rem;padding-top:2.5rem;position:fixed}.nav-arrow__prev{left:5.5rem;margin-left:0}.nav-arrow__next{margin-right:0;right:5.5rem}}.project-cards{margin-top:5rem}.project-card{display:block;margin-bottom:6rem;max-height:50rem;overflow:hidden;position:relative}@media screen and (min-width:72rem){.project-card:hover .project-card__overlay-background{opacity:.4}.project-card:hover .project-card__overlay-line{width:6%}.project-card:hover .project-card__overlay-text{opacity:1;-webkit-transform:translate(1rem);transform:translate(1rem)}.project-card:hover .project-card__image{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform 3s linear;transition:-webkit-transform 3s linear;transition:transform 3s linear;transition:transform 3s linear,-webkit-transform 3s linear}}.project-card__overlay-background{background:#282c2f;height:4.5rem;opacity:.4;position:absolute;top:0;width:100%}@media screen and (min-width:32rem){.project-card__overlay-background{height:15rem}}@media screen and (min-width:72rem){.project-card__overlay-background{bottom:0;height:100%;left:0;right:0;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in;z-index:1}}.project-card__overlay-line{border-top:.1rem solid #fff;display:none;left:3%;margin-left:1rem;position:absolute;top:16%;-webkit-transition:width .2s ease-out;transition:width .2s ease-out;width:0;z-index:1}@media screen and (min-width:72rem){.project-card__overlay-line{display:block}}.project-card__overlay-content{color:#fff;left:3%;position:absolute;z-index:1}@media screen and (min-width:32rem){.project-card__overlay-content{top:3rem}}@media screen and (min-width:72rem){.project-card__overlay-content{top:18%}}.project-card__overlay-text{opacity:1}@media screen and (min-width:72rem){.project-card__overlay-background,.project-card__overlay-text{opacity:0}}.project-card__image{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;width:100%}.project-card__description,.project-card__skillset{display:none;font-size:1.5rem}@media screen and (min-width:32rem){.project-card__description,.project-card__skillset{display:block}}.project-card__description,.project-card__name,.project-card__skillset{-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:opacity .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out;transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out}.project-card__description{-webkit-transition-delay:.1s;transition-delay:.1s}.project-card__name{color:#fff;font-weight:300;margin-top:1rem;-webkit-transition-delay:.2s;transition-delay:.2s}@media screen and (min-width:32rem){.project-card__name{font-size:3.5rem;font-weight:400}}@media screen and (min-width:72rem){.project-card__name{font-size:5rem;line-height:5rem}}.project__footer{margin-top:8rem}.slick-arrow{height:6rem;opacity:.7;-webkit-transition:all .3s ease;transition:all .3s ease;width:4rem;z-index:1}.slick-arrow:before{content:'';display:block;height:6rem;width:4rem}.slick-arrow:hover{opacity:1}.slick-disabled{cursor:default}.slick-prev{left:0}.slick-prev:before{background:rgba(40,44,47,.3) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat 50%}.slick-next{right:0}.slick-next:before{background:rgba(40,44,47,.3) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") no-repeat 50%}.slick-slide figcaption{background:rgba(106,121,134,.8);border-radius:.5rem;color:#fff;display:inline-block;font-weight:300;height:3rem;line-height:3rem;margin:1.5rem 0 0 1.5rem;padding:0 1rem;position:absolute}.tags-wrapper{max-width:100%;margin-left:auto;margin-right:auto;margin:4.5rem 0}.tags-wrapper:after{clear:both;content:"";display:block}@media screen and (min-width:72rem){.tags-wrapper{margin-top:6rem}}.tag,.tags{float:left}.tags{margin-right:3rem;text-transform:uppercase}.tags :last-child{margin-right:0}.tag{background:#eaedf1;border-radius:.5rem;color:#666;font-size:1.3rem;font-weight:300;margin-bottom:1.5rem;margin-right:.8rem;padding:.1rem 1.2rem}.tag__category{color:#bbc3ce;font-size:1.2rem;font-weight:400}.fade-wait-appear.fade-wait-appear-active,.fade-wait-enter.fade-wait-enter-active,.fade-wait-leave.fade-wait-leave-active{-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.fade-wait-appear,.fade-wait-enter,.fade-wait-leave.fade-wait-leave-active{opacity:0}.fade-wait-appear.fade-wait-appear-active,.fade-wait-enter.fade-wait-enter-active,.fade-wait-leave{opacity:1}.personas{max-width:1200px;margin-left:auto;margin-right:auto}.personas:after{clear:both;content:"";display:block}.persona{float:left;display:block;margin-right:2.35765%;width:31.76157%}.persona:last-child{margin-right:0}.file-download{display:inline-block;margin:3rem 0 1.5rem;width:100%}
/*# sourceMappingURL=index.map*/