@keyframes social-link-appear-in-right-side{0%{transform:translateX(-140px)}to{transform:translateX(0)}}@keyframes social-link-appear-in-left-side{0%{transform:translateX(140px)}to{transform:translateX(0)}}@keyframes social-link-appear-out{0%{transform:translateX(0)}to{transform:translateX(-140px)}}@keyframes projects-cta-bouncing{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes appear-in{0%{opacity:0}to{opacity:1}}@keyframes appear-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes name-disappear-left{0%{transform:translateX(0)}to{transform:translateX(-750px)}}@keyframes name-appear-top{0%{transform:translateY(-100px)}to{transform:translateY(0)}}@keyframes project-slide-to-top{0%{transform:translateY(1000px)}to{transform:translateY(0)}}@keyframes letters-name-appear{0%{opacity:0}to{opacity:1}}body{color:#fff;font-family:montserrat,helvetica,arial,sans-serif;min-width:320px}body,h1{margin:0}h1{font-size:3em;font-weight:900;line-height:.917em;text-transform:uppercase}h2{font-size:.9em;font-weight:200;letter-spacing:-.018em;padding-left:1px}h2,ul{margin:0}ul{list-style-type:none;padding:0}a{color:#fff;text-decoration:none}.wf-loaded header{display:block}.wf-loaded header .letter,.wf-loaded header .status{animation-fill-mode:forwards;animation-name:letters-name-appear;animation-timing-function:ease-in-out;opacity:0}header{box-sizing:border-box;display:none;margin-left:-6px;min-width:320px;padding-left:23px;position:absolute;width:100%}header .header-mask{background-color:#000;display:block;height:100%;left:0;position:absolute;top:0;width:25px;z-index:1}header .first-name,header .last-name{display:block}header .letter{animation-duration:1s;display:inline-block}header .first-name .letter:first-child{animation-delay:.1s}header .first-name .letter:nth-child(2){animation-delay:.2s}header .first-name .letter:nth-child(3){animation-delay:.3s}header .first-name .letter:nth-child(4){animation-delay:.4s}header .first-name .letter:nth-child(5){animation-delay:.5s}header .first-name .letter:nth-child(6){animation-delay:.6s}header .first-name .letter:nth-child(7){animation-delay:.7s}header .first-name .letter:nth-child(8){animation-delay:.8s}header .last-name .letter:first-child{animation-delay:.9s}header .last-name .letter:nth-child(2){animation-delay:1s}header .last-name .letter:nth-child(3){animation-delay:1.1s}header .last-name .letter:nth-child(4){animation-delay:1.2s}header .last-name .letter:nth-child(5){animation-delay:1.3s}header .last-name .letter:nth-child(6){animation-delay:1.4s}header .status{animation-delay:1.6s;animation-duration:1.75s}.main-container-full-expand header .first-name{animation:name-disappear-left 1.5s cubic-bezier(.71,-.57,.27,1.55) 1.5s forwards}.main-container-full-expand header .last-name{animation:name-disappear-left 1.5s cubic-bezier(.71,-.57,.27,1.55) 1.25s forwards}.main-container-full-expand header .status{animation:name-disappear-left 1.5s cubic-bezier(.71,-.57,.27,1.55) 1s forwards;opacity:1}.main-container-full-expand header.appear-top{animation:name-appear-top 1s ease-in-out forwards;font-size:56%;padding:20px 0 20px 18px}.main-container-full-expand header.appear-top h1{width:auto}.main-container-full-expand header.appear-top h1 .first-name,.main-container-full-expand header.appear-top h1 .last-name{animation:none;display:inline-block;transform:translateX(0)}.main-container-full-expand header.appear-top .last-name{margin-left:8px}.main-container-full-expand header.appear-top .status{animation:none;display:block;font-size:111%;font-weight:400;margin-top:2px;transform:translateX(0);width:auto}.main-container{display:none;height:0;transition:height 3.75s ease-in-out,min-height 3.75s ease-in-out}.left-col{border-right:1px solid #aaa;font-size:.75em;min-width:19px;position:relative}#projects-cta{align-items:center;bottom:-20px;color:#aaa;cursor:pointer;display:flex;flex-direction:row-reverse;font-weight:700;left:8px;opacity:0;padding:10px 0;position:absolute;text-transform:uppercase;transition:color .3s;visibility:hidden;z-index:1}#projects-cta:after{background-color:#000;content:"";display:block;height:5px;left:10px;position:absolute;top:27px;width:3px}#projects-cta:hover{color:#fff}#projects-cta svg{margin:3px 4px 0 0}.right-col{position:relative}.main-container-half-expand .main-container{display:flex}.main-container-half-expand .main-container #projects-cta{animation:appear-in 1s linear 3.7s forwards,projects-cta-bouncing 1.75s ease-in-out 4s infinite forwards;display:flex}.main-container-full-expand .main-container{display:flex}.main-container-full-expand .main-container #projects-cta{animation:appear-out 1s linear forwards;opacity:1}.social-container{margin-left:20px;overflow:hidden;position:absolute;top:0;transform:translateY(50vh) translateY(25px);width:150px}.social-container.left-side{bottom:0;display:none;margin-left:0;position:fixed;top:auto;transform:translateY(-30px)}.social-container.left-side li{flex-direction:row-reverse;padding:0 20px 0 0}.social-container.left-side .social-link{animation:social-link-appear-in-left-side 1s cubic-bezier(.79,.01,.27,1.55) forwards;transform:translateX(140px)}.social-container li{display:flex;font-size:.6875em;margin-bottom:5px;padding-left:15px}.social-container li:last-child{margin-bottom:0}.social-container a{align-items:center;color:#aaa;display:flex;padding:5px 10px;transition:color .3s}.social-container a:hover{color:#fff}.social-container .social-link{transform:translateX(-150px)}.social-container svg{height:16px;margin-right:5px;width:16px}.social-container .icon-npm{padding-left:4px}.main-container-half-expand .social-link{animation:social-link-appear-in-right-side 1s cubic-bezier(.79,.01,.27,1.55) forwards}.main-container-half-expand .social-link.social-twitter{animation-delay:.75s}.main-container-half-expand .social-link.social-github{animation-delay:1.25s}.main-container-half-expand .social-link.social-linkedin{animation-delay:1.75s}.main-container-full-expand .social-link{animation:social-link-appear-out 1s cubic-bezier(.71,-.57,.27,1.55) forwards;transform:translateX(0)}.main-container-full-expand .social-link.social-twitter{animation-delay:1s}.main-container-full-expand .social-link.social-github{animation-delay:.5s}.main-container-full-expand #projects-bloc{display:flex;visibility:visible}.main-container-full-expand #projects-bloc .project{animation:project-slide-to-top 1s ease-in-out forwards;transform:translateY(1000px)}.main-container-full-expand #projects-bloc .project:first-child{animation-delay:2.25s}.main-container-full-expand #projects-bloc .project:nth-child(2){animation-delay:2.75s}.main-container-full-expand #projects-bloc .project:nth-child(3){animation-delay:3.25s}.main-container-full-expand #projects-bloc .project:nth-child(4){animation-delay:3.75s}.main-container-full-expand #projects-bloc .project:nth-child(5){animation-delay:4.25s}.main-container-full-expand #projects-bloc .project:nth-child(6){animation-delay:4.75s}#projects-bloc{align-items:center;display:none;height:100%;max-width:750px}#projects-bloc .projects-container{position:relative}#projects-bloc ul{list-style-type:none;padding:15px}#projects-bloc .project{animation-duration:.3s;margin-bottom:15px;position:relative;transition:all,.3s}#projects-bloc .project:last-child{margin-bottom:0}#projects-bloc .project.active{margin-bottom:30px}#projects-bloc .project.active:last-child{margin-bottom:0}#projects-bloc .project.active .project-content{height:auto}#projects-bloc .project.active .project-title{color:#fff;cursor:auto;display:block;font-size:1.6em;font-weight:700}#projects-bloc .project.active .project-title:before{background-color:#fff;border-color:#fff;top:12px}#projects-bloc .project-content{font-size:.785em;height:0;overflow:hidden}#projects-bloc .project-title{color:#aaa;cursor:pointer;display:inline-block;font-size:1.3em;font-weight:400;margin:0 0 0 -30px;padding-left:30px;position:relative;transition:color .3s}#projects-bloc .project-title:before{background-color:#000;border:2px solid #aaa;content:"";display:block;height:5px;left:10px;position:absolute;top:8px;transform:rotate(45deg);transition:border-color .3s;width:5px}#projects-bloc .project-title:hover{color:#fff}#projects-bloc .project-title:hover:before{border-color:#fff}#projects-bloc p{color:#ddd;line-height:1.525em;margin:8px 0 20px}#projects-bloc .project-links{display:flex;flex-direction:column;flex-wrap:wrap}#projects-bloc a{align-items:center;border:1px solid #aaa;box-sizing:border-box;color:#aaa;display:flex;font-size:90%;font-weight:700;justify-content:center;margin:0 0 10px;padding:2px 5px;text-decoration:none;transition:border-color .3s,color .3s;width:100%}#projects-bloc a:last-child{margin-right:0}#projects-bloc a:hover{border-color:#fff;color:#fff}#projects-bloc a svg{height:24px;margin-right:4px;width:24px}#projects-bloc a span{padding-right:7px}@media screen and (min-width:400px)and (max-width:499px){header{font-size:130%}header .header-mask{width:26px}.social-container a{font-size:118.182%}.social-container svg{height:18px;margin-right:7px;width:18px}#projects-cta{font-size:117%}#projects-bloc{font-size:110%}#projects-bloc .project-title:before{top:9px}.main-container-full-expand header.appear-top{font-size:64%;padding:17px 0 17px 18px}}@media screen and (min-width:500px){.social-container{margin-left:26px}.social-container a{font-size:127.5%}.social-container svg{height:20px;margin-right:8px;width:20px}.main-container-full-expand header.appear-top{font-size:68%;padding-left:25px}}@media screen and (min-width:500px)and (max-width:767px){header{font-size:140%;padding-left:29px}header .header-mask{width:32px}.left-col{min-width:26px}#projects-cta{font-size:125%;left:15px}#projects-bloc{font-size:120%}#projects-bloc .project.active .project-title:before{top:14px}#projects-bloc .project-title:before{top:10px}}@media screen and (min-width:768px){h2{font-weight:200;padding-left:2px}header{font-size:200%;padding-left:121px}header .header-mask{width:126px}.left-col{min-width:120px}.social-container{margin-left:121px}.social-container.left-side{display:block;width:121px}.social-container.left-side li{padding-right:10px}.social-container svg{height:21px;margin-right:8px;width:21px}#projects-cta{flex-direction:row;font-size:110%;left:inherit;right:-12px}#projects-cta:after{left:auto;right:10px;top:26px}#projects-cta svg{margin:2px 0 0 8px}#projects-bloc{font-size:130%}#projects-bloc ul{padding:30px}#projects-bloc .project{margin-bottom:25px}#projects-bloc .project.active{margin-bottom:60px}#projects-bloc .project.active .project-title:before{top:13px}#projects-bloc .project .project-title:before{top:10px}#projects-bloc .project-title:before{height:10px;left:-7px;top:13px;width:10px}#projects-bloc .project-links{flex-direction:row}#projects-bloc a{margin-right:20px;padding:4px 10px;width:auto}.main-container-full-expand header.appear-top{padding-left:119px}.main-container-full-expand header.appear-top .last-name{margin-left:10px}}@media screen and (min-width:1024px){h2{font-weight:100;letter-spacing:-.013em}header{font-size:250%;padding-left:151px}header .header-mask{width:156px}.left-col{min-width:150px}.social-container{margin-left:151px}.social-container.left-side{width:151px}.social-container.left-side li{padding-right:20px}.main-container-full-expand header.appear-top{padding-left:149px}.main-container-full-expand header.appear-top .status{padding-left:1px}}@media screen and (min-width:1440px){header{font-size:275%;padding-left:199px}header .header-mask{width:206px}.left-col{min-width:200px}.social-container{margin-left:201px}.social-container.left-side{width:201px}.social-container.left-side li{padding-right:20px}#projects-bloc{font-size:150%}#projects-bloc .project.active .project-title:before{top:16px}#projects-bloc .project .project-title:before{top:12px}.main-container-full-expand header.appear-top{font-size:85%;padding-left:198px}.main-container-full-expand header.appear-top .status{padding-left:1px}}
/*# sourceMappingURL=main.css.map*/