@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Ubuntu:300,500,700");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}body{font-size:16px;font-family:Lato,sans-serif;line-height:28.8px;color:#fbfbfb;overflow-x:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale;-o-font-smoothing:antialiased}.starsBg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#111;z-index:-1000}.button{display:block;padding:8px 10px;border:1px solid #111;border-radius:3px;line-height:18px;color:#111;text-align:center;font-size:13px;text-decoration:none;-webkit-transition:opacity .3s ease-out .3s,color .2s,background .2s;transition:opacity .3s ease-out .3s,color .2s,background .2s;-webkit-box-sizing:border-box;box-sizing:border-box}.button:focus{background:#111;color:hsla(0,0%,100%,.9)}.button__aside{display:none}.button--project{width:100px;border-color:#fbfbfb;color:#fbfbfb}.button--project:focus{background:#fbfbfb;color:rgba(0,0,0,.5)}.cf:after{content:"";display:block;clear:both}.footer{width:276px;margin:90px auto 18px;text-align:center;font-size:13px;font-weight:300}.footer__el{display:inline}.footer__el:after{content:"|";padding:0 3px 0 4px}.footer__el:last-child:after{display:none}.footer--absolute{position:absolute;bottom:18px;width:100%;margin:0}.header{width:100vw}.header__logo{display:block;margin:0 auto}.header__title{font:700 52px Ubuntu,sans-serif;margin-top:36px;line-height:57.6px;text-align:center}.header__subtitle{margin:36px auto 0;font-size:26px;font-weight:300;text-align:center;width:160px}.header .container{margin:0 auto;width:276px}.header--full{height:100vh}.header--full .header__logo{height:90px}.header--redux{margin-top:72px}.header--redux .header__logo{position:absolute;top:18px;right:22px;height:27px}.header--redux .header__back{position:absolute;top:18px;left:22px}.header--redux .header__title{margin-top:0}.link{color:#fbfbfb;text-decoration:underline}.link__under{display:none}.header__logo #logo-path{width:100%;fill:none;stroke:#fbfbfb;stroke-linecap:square;stroke-miterlimit:10;stroke-width:45px;-webkit-clip-path:url(#logo-clip);clip-path:url(#logo-clip);stroke-dasharray:1950;stroke-dashoffset:1000}.header__logo--anim #logo-path{stroke-dasharray:1000;-webkit-animation:a 2s forwards cubic-bezier(.19,1,.22,1) .5s;animation:a 2s forwards cubic-bezier(.19,1,.22,1) .5s}@-webkit-keyframes a{0%{stroke-dasharray:1000}to{stroke-dasharray:1950}}@keyframes a{0%{stroke-dasharray:1000}to{stroke-dasharray:1950}}@-webkit-keyframes b{0%{-webkit-transform:translateY(0) rotate(160deg);transform:translateY(0) rotate(160deg)}25%{-webkit-transform:translateY(100%) rotate(110deg);transform:translateY(100%) rotate(110deg);opacity:1}50%{-webkit-transform:translateY(200%) rotate(160deg);transform:translateY(200%) rotate(160deg)}75%{-webkit-transform:translateY(400%) rotate(110deg);transform:translateY(400%) rotate(110deg);opacity:1}to{-webkit-transform:translateY(800%) rotate(160deg);transform:translateY(800%) rotate(160deg);opacity:0}}@keyframes b{0%{-webkit-transform:translateY(0) rotate(160deg);transform:translateY(0) rotate(160deg)}25%{-webkit-transform:translateY(100%) rotate(110deg);transform:translateY(100%) rotate(110deg);opacity:1}50%{-webkit-transform:translateY(200%) rotate(160deg);transform:translateY(200%) rotate(160deg)}75%{-webkit-transform:translateY(400%) rotate(110deg);transform:translateY(400%) rotate(110deg);opacity:1}to{-webkit-transform:translateY(800%) rotate(160deg);transform:translateY(800%) rotate(160deg);opacity:0}}@-webkit-keyframes c{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-40%);transform:translateY(-40%)}}@keyframes c{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-40%);transform:translateY(-40%)}}.rocket{display:none}.section{width:100%;margin-top:72px}.section__title{font:700 36px Ubuntu,sans-serif;display:block;width:276px;margin:0 auto}.section .text{margin-top:18px;font-weight:300}.section--narrow{width:276px;margin-left:auto;margin-right:auto}.section--narrow .section__title{width:100%}.skew{position:relative}.skew:before{content:"";display:block;position:absolute;top:-90px;border-top:36px solid transparent;border-bottom:36px solid transparent;width:0;height:calc(100% + 108px);z-index:-100}.skew--lr:before{left:0;border-right:100vw solid hsla(0,0%,62%,.4)}.skew--rl:before{right:0;border-left:100vw solid hsla(0,0%,62%,.4)}.skew .container{margin:0 auto;width:276px}.tile{position:relative;color:#fbfbfb;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.tile__container{padding-top:36px}.tile__top{position:relative;width:100%;height:72px}.tile__img{position:absolute;top:0;left:0;height:72px}.tile__title{font-family:Ubuntu,sans-serif;font-weight:900;font-size:18px;margin-left:72px;padding-top:23.4px}.tile__arrow{position:absolute;top:0;right:0;width:72px;height:72px;border:none;background:url(../img/arrow.svg);-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}.tile__expand{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 22px;width:100%;position:relative;max-height:0;overflow-y:hidden;background:rgba(0,0,0,.5);-webkit-transition:max-height .3s ease-out;transition:max-height .3s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.tile__descr{padding-top:36px;width:100%}.tile__details{width:calc(100% - 100px - 22px)}.tile__button,.tile__details{margin-top:18px;margin-bottom:36px}.tile__button{-ms-flex-item-align:end;align-self:flex-end}.tile--open .tile__arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.tile--open .tile__expand{max-height:350px}.text,p{font-weight:300}.text strong,p strong{font-weight:700}@-webkit-keyframes d{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px)}}@keyframes d{0%{-webkit-transform:translate(-50%);transform:translate(-50%)}to{-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px)}}.header .skew{top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header__cta{position:absolute;bottom:36px;width:100%;display:block;font-size:18px;font-weight:300;text-align:center;text-decoration:none}.header__cta:before{content:"";display:block;position:absolute;bottom:-18px;left:50%;background-image:url(../img/arrow.svg);background-repeat:no-repeat;background-position:50%;background-size:250%;width:26px;height:18px;-webkit-transform:translateX(-50%);transform:translateX(-50%);will-change:transform;-webkit-animation:d .7s alternate infinite ease-in-out;animation:d .7s alternate infinite ease-in-out}.section--me{margin-top:0}.section--me .text{margin-top:36px}.section--job{margin-top:180px}.section--job:before{height:522px}.section--job__left{margin-top:54px}.section--job__left .link{display:block;margin-top:20px;font-size:18px;font-weight:700}.section--job__right{padding-top:24px}.tile{background-position:50%;background-repeat:no-repeat}.tile--billy .tile__top{background-color:#03a9f4}.tile--centrallo .tile__top{background-color:#0bace4}.tile--pixel .tile__top{background-color:#f44336}.tile--relic .tile__top{background-color:#f96877}.tile--distracked .tile__top{background-color:#1a86e8}.tile--cupcake .tile__top{background-color:#0a1a27}.tile--sound .tile__top{background-color:#212121}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:36px;height:36px}.social__el{width:36px;height:100%}.social__el .link{display:block;width:36px;height:36px;background:url(../img/social-sprite.svg) no-repeat;background-size:500%}.social__el .link--instagram{background-position:-36px 0}.social__el .link--pinterest{background-position:-72px 0}.social__el .link--codepen{background-position:-108px 0}.social__el .link--gitlab{background-position:-144px 0}.footer{margin-top:90px}@media (max-width:605px) and (max-height:639px){.header .skew:before{top:-54px;border-top:none;height:calc(100% + 108px)}.header .skew{top:54px;-webkit-transform:none;transform:none}}@media (min-width:605px){body{font-size:18px}.header__logo{height:144px}.header__title{font-size:73px;text-align:center}.header__subtitle{width:320px;margin-top:108px;font-size:52px;line-height:64.8px}.header .container{width:602px}.button{line-height:32.4px;width:134px;font-size:18px;font-weight:300}.footer{width:602px;font-size:18px}.footer__el:after{padding:0 3px 0 4px}.footer--absolute{width:100%}.section{margin-top:108px}.section__title{font-size:52px;width:602px}.section--narrow,.skew .container{width:602px}.tile__title{font-size:26px;padding-top:21.6px}.tile__expand{padding:0 calc((100% - 602px)/2);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tile__descr{width:368px}.tile__details{width:168px;margin-top:36px;margin-bottom:0}.tile__button{margin-top:36px;margin-right:446px}.header__cta{font-size:26px;bottom:63px}.header__cta:before{bottom:-27px}.section--me{margin-top:108px}.section--me .text{margin-bottom:36px}.section--me .text:nth-child(odd){margin-left:156px}.section--job__left{width:446px}.section--job__left .link{display:block;font-size:26px}.section--job__right{float:right;width:290px}.footer{text-align:right}}@media (min-width:605px) and (max-width:1000px) and (max-height:840px){.header .skew:before{top:-54px;border-top:none;height:calc(100% + 108px)}.header .skew{top:54px;-webkit-transform:none;transform:none}}@media (min-width:1000px){.header__logo{float:left;margin-left:226px;padding-top:18px;width:226px}.header__title{float:left;margin-left:32px;margin-top:0;width:312px;line-height:86.4px;text-align:left}.header__subtitle{clear:both;padding-top:36px;width:100%}.header .container{width:1000px}.header--full .header__logo{height:144px;margin-top:0}.header--redux .header__logo{width:auto}.header--redux .header__title{float:none;width:100%;margin:0;text-align:center}.button{padding:5px 10px;width:140px}.button:focus,.button:hover{background:#111;color:hsla(0,0%,100%,.9)}.button--project:focus,.button--project:hover{background:#fbfbfb;color:#111}.footer{width:1000px}.footer--absolute{width:100%}.section__title{width:1000px}.section .text{width:484px}.section--narrow,.skew .container{width:1000px}.tile{margin-bottom:36px;height:288px;overflow:hidden}.tile__container{width:1000px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.tile:first-child,.tile:nth-child(4),.tile:nth-child(5){width:484px}.tile:first-child .tile__details,.tile:nth-child(4) .tile__details,.tile:nth-child(5) .tile__details{width:258px}.tile:nth-child(2),.tile:nth-child(3),.tile:nth-child(6),.tile:nth-child(7){width:398px}.tile:nth-child(2) .tile__details,.tile:nth-child(3) .tile__details,.tile:nth-child(6) .tile__details,.tile:nth-child(7) .tile__details{width:204px}.tile:first-child,.tile:nth-child(5){margin-left:86px}.tile:nth-child(4){margin-right:86px}.tile__top{height:100%}.tile__img{height:252px;left:50%;top:auto;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tile__title{width:100%;text-align:center;margin:0}.tile__arrow{display:none}.tile__descr{width:100%;padding:18px 18px 0}.tile__details{margin-left:18px;margin-bottom:27px}.tile__button{margin:0 18px 27px}.tile__expand{height:100%;max-height:none;position:absolute;top:0;left:0;background:rgba(0,0,0,.9);-webkit-transform:translateX(-300%);transform:translateX(-300%);overflow:visible;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.tile__expand .tile__button,.tile__expand .tile__descr,.tile__expand .tile__details{opacity:0;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.tile__expand:before{border-right:288px solid transparent;background:rgba(0,0,0,.5);-webkit-transform:skew(0,-45deg);transform:skew(0,-45deg);-webkit-transform-origin:top left;transform-origin:top left}.tile__expand:after,.tile__expand:before{content:"";display:block;position:absolute;top:0;left:100%;width:0;height:100%}.tile__expand:after{border-right:150px solid #fbfbfb;background:#fff;-webkit-transform:skew(-45deg,0);transform:skew(-45deg,0);-webkit-transform-origin:bottom left;transform-origin:bottom left}.tile--hovered .tile__expand,.tile:focus .tile__expand,.tile:hover .tile__expand{-webkit-transform:translateX(0);transform:translateX(0)}.tile--hovered .tile__expand .tile__button,.tile--hovered .tile__expand .tile__descr,.tile--hovered .tile__expand .tile__details,.tile:focus .tile__expand .tile__button,.tile:focus .tile__expand .tile__descr,.tile:focus .tile__expand .tile__details,.tile:hover .tile__expand .tile__button,.tile:hover .tile__expand .tile__descr,.tile:hover .tile__expand .tile__details{opacity:1;-webkit-transition:opacity .3s ease-out .3s;transition:opacity .3s ease-out .3s}.rocket{display:block;position:absolute;top:50%;right:0;width:312px;height:390px;background-image:url(../img/rocket.svg);background-size:contain;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;-webkit-animation:c 1.5s alternate infinite ease-in-out;animation:c 1.5s alternate infinite ease-in-out}.particleEmitter{position:absolute;bottom:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70px}.particle{background-color:rgba(255,193,7,.5);-webkit-animation:b .8s linear infinite;animation:b .8s linear infinite;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;will-change:opacity,transform}.particle,.particle:before{position:absolute;border-radius:40px;border-top-right-radius:0}.particle:before{content:"";top:60%;left:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;height:50%;background-color:rgba(251,140,0,.5)}.header .skew{top:45%}.section--me{position:relative;width:1000px}.section--me .text{margin-bottom:36px;margin-left:0}.section--me .text:nth-child(odd){margin-left:0}.section--job__left{width:484px;float:left}.section--job__right{width:312px;padding-top:54px}.tile--distracked .tile__img{left:calc(50% + 50px)}}@media (min-width:1000px) and (max-width:1285px) and (max-height:639px){.header .skew:before{top:-54px;border-top:none;height:calc(100% + 108px)}.header .skew{top:54px;-webkit-transform:none;transform:none}}@media (min-width:1285px){.header__logo{margin-left:309px}.header__title{width:376px}.header--redux .header__logo{width:auto}.header--redux .header__title{width:100%}.footer{width:1200px}.footer--absolute{width:100%}.link{position:relative;text-decoration:none}.link:after{content:"";position:absolute;left:0;bottom:-4.5px;width:0;height:1px;background:#fbfbfb;-webkit-transition:width .2s;transition:width .2s}.link:focus:after,.link:hover:after{width:100%}.link__under{height:18px;display:block;position:absolute;left:0;bottom:-22.5px;font-size:13px;font-weight:400;opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}.link:focus .link__under,.link:hover .link__under{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.link--slide-down:after{display:none}.link--slide-down .link__under{left:50%;bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.link--slide-down:focus .link__under,.link--slide-down:hover .link__under{-webkit-transform:translate(-50%,18px);transform:translate(-50%,18px)}.link--text{font-weight:700}.section__title{width:1200px}.section .text{width:582px}.section--narrow,.skew .container{width:1200px}.tile__container{width:1200px;margin:0 auto}.tile:first-child,.tile:nth-child(4),.tile:nth-child(5){width:582px}.tile:first-child .tile__details,.tile:nth-child(4) .tile__details,.tile:nth-child(5) .tile__details{width:309px}.tile:nth-child(2),.tile:nth-child(3),.tile:nth-child(6),.tile:nth-child(7){width:479px}.tile:nth-child(2) .tile__details,.tile:nth-child(3) .tile__details,.tile:nth-child(6) .tile__details,.tile:nth-child(7) .tile__details{width:242px}.tile:first-child,.tile:nth-child(5){margin-left:103px}.tile:nth-child(4){margin-right:103px}.rocket{right:103px}.header__cta{position:absolute!important}.header__cta:before{-webkit-transition:bottom .2s;transition:bottom .2s}.header__cta:focus:before,.header__cta:hover:before{bottom:-45px}.section--me .text{margin-bottom:36px}.section--job__left{width:582px}.section--job__left .link{display:inline-block}.section--job__right{width:376px}}