.hand-area{perspective:50px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.tube{border:0}.tube span{width:2.4vw;display:inline-block;height:3.2vw;text-indent:-9999vw;overflow:hidden;vertical-align:bottom;background-image:url(assets/LU.svg);background-size:contain;background-repeat:no-repeat;background-position:50%}html.invert .tube span{filter:invert(1)}.loading-indicator-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4vw;height:5vw;min-width:20px;min-height:20px}.loading-container{position:fixed;z-index:9999;opacity:1;visibility:visible;transition:opacity .3s,visibility .3s,background-color .3s;top:0;right:0;bottom:0;left:0;background-color:#fff}html.invert .loading-container{background-color:#000}html.loaded .loading-container{opacity:0;visibility:hidden}.loading-indicator,.loading-indicator:after,.loading-indicator:before{width:30%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;position:absolute}html.invert .loading-indicator,html.invert .loading-indicator:after,html.invert .loading-indicator:before{background-color:#fff}.loading-indicator{-webkit-animation:bounce-middle .9s ease 0s infinite;animation:bounce-middle .9s ease 0s infinite}.loading-indicator:after,.loading-indicator:before{content:"";width:100%}.loading-indicator:before{transform:translate(75%,-50%);-webkit-animation:bounce-middle .6s ease .1s infinite;animation:bounce-middle .6s ease .1s infinite}.loading-indicator:after{transform:translate(-175%,-50%);-webkit-animation:bounce-middle .6s ease .2s infinite;animation:bounce-middle .6s ease .2s infinite}@-webkit-keyframes bounce-middle{0%{height:20%}50%{height:100%}to{height:20%}}@keyframes bounce-middle{0%{height:20%}50%{height:100%}to{height:20%}}h1 .firstname{position:relative;z-index:1}.avatar{left:50vw;top:50vw;border-radius:100%;background-color:#666;position:fixed;z-index:0;transition:min-width .9s,min-height .9s,width .9s,height .9s,opacity .3s,top .9s,left .9s,margin .3s;overflow:hidden;opacity:0;width:10vw;height:10vw;margin:-5vw 0 0 -5vw}html.invert .avatar{filter:invert(1)}.avatar:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(assets/avatar.jpg);width:25vw;height:25vw}html.show-image .avatar{margin:-12.5vw 0 0 -12.5vw;width:25vw;height:25vw;opacity:1}.hand{position:fixed;top:-50%;left:-50%;background-image:url(assets/hand.png);background-size:contain;background-repeat:no-repeat;background-position:50%;width:160px;height:160px;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;filter:drop-shadow(8px 8px 10px rgba(0,0,0,.5));z-index:100;margin-left:-65px;margin-top:10px;transition:.05s;transform-style:preserve-3d;transform:rotateX(.5deg);opacity:0}html.loaded .hand{opacity:1}html.click .hand{filter:drop-shadow(4px 4px 5px rgba(0,0,0,.5));transform:rotateX(.7deg) scale(.95)}@-webkit-keyframes noise{0%,to{background-image:url(assets/tl-bg-1.png);image-rendering:pixelated}25%{background-image:url(assets/tl-bg-2.png);image-rendering:pixelated}50%{background-image:url(assets/tl-bg-3.png);image-rendering:pixelated}75%{background-image:url(assets/tl-bg-4.png);image-rendering:pixelated}}@keyframes noise{0%,to{background-image:url(assets/tl-bg-1.png);-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}25%{background-image:url(assets/tl-bg-2.png);-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}50%{background-image:url(assets/tl-bg-3.png);-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}75%{background-image:url(assets/tl-bg-4.png);-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}}body .layout:after{content:"";z-index:50;background-size:100px 100px;-webkit-animation:noise .3s steps(1) infinite;animation:noise .3s steps(1) infinite;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;opacity:.08;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}body,html{overflow-x:hidden}:root{--primary-color:tomato;--secondary-color:#00f;--primary-color-inverted:#09c;--secondary-color-inverted:#ff0}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;touch-callout:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}*{-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-moz-appearance:none;-webkit-appearance:none}@font-face{font-family:Futura PT;src:url(assets/FuturaPT-Heavy.woff2) format("woff2"),url(assets/FuturaPT-Heavy.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}body,html{margin:0;padding:0;font-family:Futura PT,sans-serif;text-transform:uppercase;font-weight:700;color:#000;background-color:#fff;transition:background-color .5s}html.invert,html.invert body{background-color:#000}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0 auto;width:82vw;text-align:center;transition:opacity .5s,visibility .5s;opacity:0;visibility:hidden}html.loaded .container{opacity:1;visibility:visible}.box{padding:5vw 0}body .layout{opacity:0;transition:opacity .5s}html.loaded body .layout{opacity:1;visibility:visible}h1,h2,h3,h4,p{margin:0 0 2vw}.footer{font-size:.975vw}.contacts{justify-content:space-between;margin:1.5vw 0;list-style:none;display:flex;font-size:4.2vw;padding:0 .25vw}h1{font-size:10vw;margin:-3vw 0 -.7vw}.contacts:after,.footer:after,h1 .surname:after,h1:after,h2:after,h3:after,h4:after{content:"";position:absolute;left:2vw;font-size:1.5vw;transform:translateY(100%)}h1:after{content:"0.2"}h2:after{content:"0.3"}h3:after{content:"0.5"}h4:after{content:"0.6"}.contacts:after{content:"0.4"}.footer:after{content:"0.7"}h2{font-size:5vw;margin:0 0 -.5vw}h2 .creative{transition:filter 1s;position:relative;z-index:20;filter:blur(10vw)}html.loaded h2 .creative{filter:blur(0)}html.loaded h2 .creative:hover{filter:blur(10vw)}h3{font-size:2.5vw;margin:0}h4{font-size:2.99vw}html.invert .layout{filter:invert(1)}.highlight{position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:1vw;left:-.5vw;width:calc(100% + 1vw);height:1vw;background-color:#ffca00;border-radius:1vw;z-index:-1;transform:rotate(-1deg)}.glitch{background:#000;color:#fff;padding:0 1vw;margin:0 -1vw;transform:rotate(-1deg);position:relative;display:inline-block;transition:transform 1s}.glitch:hover{transform:rotate(0deg)}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:.2vw;text-shadow:-.2vw 0 #00f;text-shadow:-.2vw 0 var(--secondary-color);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s linear infinite alternate-reverse}html.invert .glitch:before{text-shadow:-.2vw 0 #ff0;text-shadow:-.2vw 0 var(--secondary-color-inverted)}.glitch:after{left:-.2vw;text-shadow:-.2vw 0 tomato;text-shadow:-.2vw 0 var(--primary-color);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s linear infinite alternate-reverse}html.invert .glitch:after{text-shadow:-.2vw 0 #09c;text-shadow:-.2vw 0 var(--primary-color-inverted)}.glitch:focus:after,.glitch:focus:before,.glitch:hover:after,.glitch:hover:before,html.invert .glitch:focus:after,html.invert .glitch:focus:before,html.invert .glitch:hover:after,html.invert .glitch:hover:before{left:0;text-shadow:none;-webkit-animation:none;animation:none}@-webkit-keyframes glitch-anim{0%{clip:rect(20px,9999px,61px,0)}4.166666666666666%{clip:rect(84px,9999px,94px,0)}8.333333333333332%{clip:rect(15px,9999px,11px,0)}12.5%{clip:rect(92px,9999px,49px,0)}16.666666666666664%{clip:rect(116px,9999px,122px,0)}20.833333333333336%{clip:rect(62px,9999px,95px,0)}25%{clip:rect(48px,9999px,35px,0)}29.166666666666668%{clip:rect(59px,9999px,55px,0)}33.33333333333333%{clip:rect(144px,9999px,104px,0)}37.5%{clip:rect(104px,9999px,22px,0)}41.66666666666667%{clip:rect(113px,9999px,96px,0)}45.83333333333333%{clip:rect(50px,9999px,27px,0)}50%{clip:rect(59px,9999px,60px,0)}54.166666666666664%{clip:rect(56px,9999px,5px,0)}58.333333333333336%{clip:rect(36px,9999px,149px,0)}62.5%{clip:rect(87px,9999px,31px,0)}66.66666666666666%{clip:rect(11px,9999px,128px,0)}70.83333333333334%{clip:rect(79px,9999px,8px,0)}75%{clip:rect(85px,9999px,119px,0)}79.16666666666666%{clip:rect(40px,9999px,105px,0)}83.33333333333334%{clip:rect(131px,9999px,6px,0)}87.5%{clip:rect(79px,9999px,109px,0)}91.66666666666666%{clip:rect(123px,9999px,108px,0)}95.83333333333334%{clip:rect(44px,9999px,24px,0)}to{clip:rect(97px,9999px,80px,0)}}@keyframes glitch-anim{0%{clip:rect(20px,9999px,61px,0)}4.166666666666666%{clip:rect(84px,9999px,94px,0)}8.333333333333332%{clip:rect(15px,9999px,11px,0)}12.5%{clip:rect(92px,9999px,49px,0)}16.666666666666664%{clip:rect(116px,9999px,122px,0)}20.833333333333336%{clip:rect(62px,9999px,95px,0)}25%{clip:rect(48px,9999px,35px,0)}29.166666666666668%{clip:rect(59px,9999px,55px,0)}33.33333333333333%{clip:rect(144px,9999px,104px,0)}37.5%{clip:rect(104px,9999px,22px,0)}41.66666666666667%{clip:rect(113px,9999px,96px,0)}45.83333333333333%{clip:rect(50px,9999px,27px,0)}50%{clip:rect(59px,9999px,60px,0)}54.166666666666664%{clip:rect(56px,9999px,5px,0)}58.333333333333336%{clip:rect(36px,9999px,149px,0)}62.5%{clip:rect(87px,9999px,31px,0)}66.66666666666666%{clip:rect(11px,9999px,128px,0)}70.83333333333334%{clip:rect(79px,9999px,8px,0)}75%{clip:rect(85px,9999px,119px,0)}79.16666666666666%{clip:rect(40px,9999px,105px,0)}83.33333333333334%{clip:rect(131px,9999px,6px,0)}87.5%{clip:rect(79px,9999px,109px,0)}91.66666666666666%{clip:rect(123px,9999px,108px,0)}95.83333333333334%{clip:rect(44px,9999px,24px,0)}to{clip:rect(97px,9999px,80px,0)}}@-webkit-keyframes glitch-anim-2{6.666666666666667%{clip:rect(28px,9999px,128px,0)}10%{clip:rect(128px,9999px,79px,0)}13.333333333333334%{clip:rect(21px,9999px,125px,0)}16.666666666666664%{clip:rect(70px,9999px,26px,0)}20%{clip:rect(118px,9999px,114px,0)}23.333333333333332%{clip:rect(3px,9999px,58px,0)}26.666666666666668%{clip:rect(44px,9999px,100px,0)}30%{clip:rect(147px,9999px,148px,0)}33.33333333333333%{clip:rect(71px,9999px,148px,0)}36.666666666666664%{clip:rect(106px,9999px,93px,0)}40%{clip:rect(46px,9999px,58px,0)}43.333333333333336%{clip:rect(58px,9999px,85px,0)}46.666666666666664%{clip:rect(27px,9999px,128px,0)}50%{clip:rect(23px,9999px,78px,0)}53.333333333333336%{clip:rect(9px,9999px,30px,0)}56.666666666666664%{clip:rect(25px,9999px,39px,0)}60%{clip:rect(144px,9999px,17px,0)}63.33333333333333%{clip:rect(80px,9999px,139px,0)}66.66666666666666%{clip:rect(21px,9999px,80px,0)}70%{clip:rect(85px,9999px,130px,0)}73.33333333333333%{clip:rect(5px,9999px,124px,0)}76.66666666666667%{clip:rect(138px,9999px,69px,0)}80%{clip:rect(85px,9999px,13px,0)}83.33333333333334%{clip:rect(105px,9999px,126px,0)}86.66666666666667%{clip:rect(113px,9999px,105px,0)}90%{clip:rect(110px,9999px,130px,0)}93.33333333333333%{clip:rect(57px,9999px,59px,0)}96.66666666666667%{clip:rect(140px,9999px,44px,0)}to{clip:rect(141px,9999px,27px,0)}}@keyframes glitch-anim-2{6.666666666666667%{clip:rect(28px,9999px,128px,0)}10%{clip:rect(128px,9999px,79px,0)}13.333333333333334%{clip:rect(21px,9999px,125px,0)}16.666666666666664%{clip:rect(70px,9999px,26px,0)}20%{clip:rect(118px,9999px,114px,0)}23.333333333333332%{clip:rect(3px,9999px,58px,0)}26.666666666666668%{clip:rect(44px,9999px,100px,0)}30%{clip:rect(147px,9999px,148px,0)}33.33333333333333%{clip:rect(71px,9999px,148px,0)}36.666666666666664%{clip:rect(106px,9999px,93px,0)}40%{clip:rect(46px,9999px,58px,0)}43.333333333333336%{clip:rect(58px,9999px,85px,0)}46.666666666666664%{clip:rect(27px,9999px,128px,0)}50%{clip:rect(23px,9999px,78px,0)}53.333333333333336%{clip:rect(9px,9999px,30px,0)}56.666666666666664%{clip:rect(25px,9999px,39px,0)}60%{clip:rect(144px,9999px,17px,0)}63.33333333333333%{clip:rect(80px,9999px,139px,0)}66.66666666666666%{clip:rect(21px,9999px,80px,0)}70%{clip:rect(85px,9999px,130px,0)}73.33333333333333%{clip:rect(5px,9999px,124px,0)}76.66666666666667%{clip:rect(138px,9999px,69px,0)}80%{clip:rect(85px,9999px,13px,0)}83.33333333333334%{clip:rect(105px,9999px,126px,0)}86.66666666666667%{clip:rect(113px,9999px,105px,0)}90%{clip:rect(110px,9999px,130px,0)}93.33333333333333%{clip:rect(57px,9999px,59px,0)}96.66666666666667%{clip:rect(140px,9999px,44px,0)}to{clip:rect(141px,9999px,27px,0)}}a{color:#000;position:relative;z-index:10;display:inline-block;border-bottom:1vw solid #000;cursor:none}a,a:hover{text-decoration:none}a:after{content:"";position:absolute;bottom:1vw;left:-.5vw;width:0;height:1vw;background-color:#87cefa;border-radius:1vw;z-index:-1;transform:rotate(-1deg);transform-origin:left bottom;transition:.3s;opacity:1}html.invert a:after{background-color:#c63}a:hover:after{width:calc(100% + 1vw)}.projects a{border-bottom-width:0;display:inline-block;margin:0 .5vw}html.invert .projects a b{filter:invert(1)}.projects .random{position:absolute;left:-.5vw;margin-top:-6.5vw;-webkit-mask-size:110%;mask-size:110%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(assets/refresh.svg);mask-image:url(assets/refresh.svg);background-color:#000;width:7vw;height:7vw;transform:translateY(100%);transition:.5s;border-radius:100vw;overflow:hidden}html.invert .projects .random{filter:invert(1);background-color:#fff}.projects .random:active,.projects .random:focus,.projects .random:hover,html.invert .projects .random:active,html.invert .projects .random:focus,html.invert .projects .random:hover{transform:translateY(100%) rotate(1turn);background-color:#87cefa}.projects a span{display:block;font-size:.5vw}.projects a span span.ico{display:inline-block;margin-bottom:-.15vw;margin-left:.1vw;width:.7vw;height:.7vw;background-size:contain;background-position:50%;background-repeat:no-repeat}.projects a span span.ico--twitter{background-image:url(assets/twitter.svg)}.projects a span span.ico--github{background-image:url(assets/github.svg)}.projects{padding:0;margin:0 0 2vw;list-style:none;font-size:1.5vw;text-align:center}.projects,.projects div{justify-content:space-between}.projects div{display:flex}.projects div a:first-child{text-align:left}.projects div a:last-child{text-align:right}.fade{background-image:linear-gradient(0deg,rgba(0,0,0,.3),transparent,transparent);position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:.3s}html.invert .fade{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent,transparent)}@media(orientation:portrait){h1 .surname{display:block;font-size:37.5vw;margin:-13vw 0}h1 .surname:after{content:"0.1"}h1 .firstname{font-size:14.5vw;margin:-7vw 0;display:block}h2 .creative{font-size:11.5vw;margin:3vw 0 0;letter-spacing:2.1vw;display:block}h2 .glitch{margin-top:-2vw;font-size:7.5vw}.contacts{margin-top:1vw;padding:0 2vw}.projects a span{font-size:.7vw}.projects{font-size:2vw;padding:0 1.7vw}.projects div a:last-child{display:none}.projects div a:nth-child(4){text-align:right}}