/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--primary-color:#fff;--secondary-color:#000;--logo-theme-color:#0fc}@font-face{font-family:Apercu Light;src:url(apercu.aeb86154580aa8218a1a.eot);src:url(apercu.aeb86154580aa8218a1a.eot?#iefix) format("embedded-opentype"),url(apercu.2e8581183a701a7afa02.woff2) format("woff2"),url(apercu.47bc5fa26e9ba54ca20f.woff) format("woff"),url(apercu.42da5dfa84d510b672ed.ttf) format("truetype"),url(apercu.b9b1089c0841c12defd1.svg#Apercu%20Light) format("svg")}@font-face{font-family:Apercu Bold;src:url(apercu_bold.e848bfb25160094716be.eot);src:url(apercu_bold.e848bfb25160094716be.eot?#iefix) format("embedded-opentype"),url(apercu_bold.8a400435de6d985b792b.woff2) format("woff2"),url(apercu_bold.2e8c43c1c8e512c4b6a3.woff) format("woff"),url(apercu_bold.53dfbbcf0e4d38cc847c.ttf) format("truetype"),url(apercu_bold.e7eea44f0b47b335495e.svg#Apercu%20Bold) format("svg")}@-webkit-keyframes menuAnim{0%{left:0;width:25px}50%{left:25px;width:0}to{left:0;width:25px}}@keyframes menuAnim{0%{left:0;width:25px}50%{left:25px;width:0}to{left:0;width:25px}}@-webkit-keyframes menuHoverAnim{0%{background-position:0 0}to{background-position:500px 0}}@keyframes menuHoverAnim{0%{background-position:0 0}to{background-position:500px 0}}@-webkit-keyframes menuItem{0%{left:200px;opacity:0}to{left:0;opacity:1}}@keyframes menuItem{0%{left:200px;opacity:0}to{left:0;opacity:1}}@-webkit-keyframes menuClose{0%{width:100vw}to{width:0}}@keyframes menuClose{0%{width:100vw}to{width:0}}@-webkit-keyframes menuOpen{0%{width:0}to{width:100vw}}@keyframes menuOpen{0%{width:0}to{width:100vw}}@-webkit-keyframes animDash{0%{width:50px;left:-60px;opacity:1}50%{width:0;left:-10px;opacity:0}to{width:50px;left:-60px;opacity:1}}@keyframes animDash{0%{width:50px;left:-60px;opacity:1}50%{width:0;left:-10px;opacity:0}to{width:50px;left:-60px;opacity:1}}@-webkit-keyframes animTextTop{0%{top:0;opacity:1}to{top:-350px;opacity:0}}@keyframes animTextTop{0%{top:0;opacity:1}to{top:-350px;opacity:0}}@-webkit-keyframes animFullnameLand{0%{top:-150px;opacity:0;-webkit-filter:blur(120px);filter:blur(120px)}to{top:0;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes animFullnameLand{0%{top:-150px;opacity:0;-webkit-filter:blur(120px);filter:blur(120px)}to{top:0;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes animFullnameHover{0%{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animFullnameHover{0%{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:1;-webkit-filter:blur(0);filter:blur(0);top:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animSkillset{0%{letter-spacing:10px;opacity:1}to{letter-spacing:100px;opacity:0}}@keyframes animSkillset{0%{letter-spacing:10px;opacity:1}to{letter-spacing:100px;opacity:0}}@-webkit-keyframes arrowAnimLeft{0%{right:40px;opacity:0}50%{right:30px;opacity:.2}to{right:20px;opacity:0}}@keyframes arrowAnimLeft{0%{right:40px;opacity:0}50%{right:30px;opacity:.2}to{right:20px;opacity:0}}@-webkit-keyframes arrowAnimMiddle{0%{right:40px;opacity:0}50%{right:20px;opacity:.5}to{right:20px;opacity:0}}@keyframes arrowAnimMiddle{0%{right:40px;opacity:0}50%{right:20px;opacity:.5}to{right:20px;opacity:0}}@-webkit-keyframes arrowAnimRight{0%{right:40px;opacity:0}50%{right:10px;opacity:1}to{right:10px;opacity:0}}@keyframes arrowAnimRight{0%{right:40px;opacity:0}50%{right:10px;opacity:1}to{right:10px;opacity:0}}@-webkit-keyframes scrollverticallyBottom{0%{top:0}to{top:100px}}@-webkit-keyframes scrollverticallyTop{0%{top:-100px}to{top:0}}@keyframes scrollverticallyTop{0%{top:-100px}to{top:0}}@keyframes scrollverticallyBottom{0%{top:0}to{top:100px}}@-webkit-keyframes MotionScale{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1.1,0,0,0,0,.9);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1.1,0,0,0,0,.9)}50%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.92);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.92)}to{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.91);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.91)}}@keyframes MotionScale{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1.1,0,0,0,0,.9);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1.1,0,0,0,0,.9)}50%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.92);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.92)}to{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.91);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.91)}}@-webkit-keyframes inputFocus{0%{width:0}to{width:100%}}@keyframes inputFocus{0%{width:0}to{width:100%}}@-webkit-keyframes contactBtnHover{0%{width:0;opacity:0}to{width:calc(100% + 1px);opacity:1}}@keyframes contactBtnHover{0%{width:0;opacity:0}to{width:calc(100% + 1px);opacity:1}}body{background:var(--secondary-color);margin:0;font-family:Apercu Light,sans-serif;font-size:14px;height:1000vh;overflow-x:hidden}*{cursor:url(cursor.3b3e14872250e7e265e8.png) 30 30,auto}.logo-theme{stroke:var(--primary-color)}::-moz-selection{color:var(--secondary-color);background:var(--primary-color)}::selection{color:var(--secondary-color);background:var(--primary-color)}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@-webkit-keyframes dash{0%{stroke-dashoffset:822}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:822}to{stroke-dashoffset:0}}.about-description,.arrowed-button,.bgSplashWrap,.contact-form,.copyright,.dot-pattern,.full-name,.load-images,.logo,.menu,.menu-open,.profile-pic-wrap,.scroll-tag,.section-about,.section-title.about,.section-title.contact,.section-title.skills,.section-title.works,.shell-block-about,.shell-block-contact,.shell-block-skills,.shell-block-works,.shell-block-wrap,.skill-block,.skill-summary,.swipe-tag,.tagline,.work-gal,.work-gal .preview-block{position:fixed}.contact-form .form-wrap .form-label:before,.menu-open.active span:after,.menu-open.active span:before,.menu:after,.menu:before,.menu span,.scroll-tag:before,.skill-block:before,.skill-summary .skill-note:after,.skill-summary .skill-note:before,.swipe-tag:before,.tagline:after,.tagline:before{display:block;content:""}.arrowed-button .arrow,.bgSplashWrap:after,.contact-form .form-wrap .form-label,.menu-open.active span:after,.menu-open.active span:before,.menu:after,.menu:before,.menu span,.profile-pic-wrap .profile-pic,.scroll-tag:before,.shell-block-about .shell-block,.shell-block-contact .shell-block,.shell-block-skills .shell-block,.shell-block-works .shell-block,.shell-block-wrap .shell-block,.skill-block:before,.swipe-tag:before,.tagline:after,.tagline:before,.work-gal .preview-block .back-btn,.work-gal .preview-block .details,.work-gal .preview-block .img-loader{position:absolute}.about-description span:first-child,.contact-form .caption span,.copyright,.full-name,.menu-open span,.section-title.about,.section-title.contact,.section-title.skills,.section-title.works,.skill-block .caption,.work-gal .preview-block .details .title{font-family:Apercu Bold,sans-serif}.shell-block-about,.shell-block-contact,.shell-block-skills,.shell-block-works{width:300px;height:300px;z-index:999;opacity:0;-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(100px);filter:blur(100px)}.shell-block-about .shell-block,.shell-block-contact .shell-block,.shell-block-skills .shell-block,.shell-block-works .shell-block{width:250px;height:200px;background:hsla(0,0%,80%,.1);-webkit-transform:skew(-20deg,0deg);transform:skew(-20deg,0deg)}.shell-block-about .prev.shell-block,.shell-block-contact .prev.shell-block,.shell-block-skills .prev.shell-block,.shell-block-works .prev.shell-block{left:-90px;top:-80px;-webkit-transition:all .8s cubic-bezier(.075,.82,.165,1);transition:all .8s cubic-bezier(.075,.82,.165,1)}.shell-block-about .next.shell-block,.shell-block-contact .next.shell-block,.shell-block-skills .next.shell-block,.shell-block-works .next.shell-block{left:56px;top:0;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.section-title.about,.section-title.contact,.section-title.skills,.section-title.works{width:300px;left:120vw;text-align:center;top:-120vh;color:var(--primary-color);font-size:7vw;letter-spacing:-.3vw;font-weight:800;z-index:999;-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(500px);filter:blur(500px);opacity:0}.active.section-title.about,.active.section-title.contact,.active.section-title.skills,.active.section-title.works{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);left:calc(50vw - 440px);top:calc(50% - 160px);-webkit-filter:blur(0);filter:blur(0);opacity:1}.logo{width:76px;height:92px;left:60px;top:60px;overflow:hidden;z-index:999}.logo:hover{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:dash 5s linear infinite alternate;animation:dash 5s linear infinite alternate}.logo.menu-logo{z-index:99999}.scroll-tag{right:60px;bottom:130px;color:var(--primary-color);font-size:12px;-webkit-transform:rotate(90deg);transform:rotate(90deg);letter-spacing:4px;z-index:9999}.scroll-tag:before{-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1);width:50px;height:1px;left:-60px;top:5px;background:var(--primary-color);-webkit-animation:animDash 1s cubic-bezier(.075,.82,.165,1) infinite;animation:animDash 1s cubic-bezier(.075,.82,.165,1) infinite}.swipe-tag{display:none;right:24px;bottom:40vh;color:var(--primary-color);font-size:12px;-webkit-transform:rotate(90deg);transform:rotate(90deg);letter-spacing:4px;z-index:9999}.swipe-tag:before{-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1);width:50px;height:1px;left:-60px;top:5px;background:var(--primary-color);-webkit-animation:animDash 1s cubic-bezier(.075,.82,.165,1) infinite;animation:animDash 1s cubic-bezier(.075,.82,.165,1) infinite}.bgSplashWrap{left:0;top:0;width:100%;height:auto;opacity:.2}.bgSplashWrap:after{display:block;content:"";left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3)}#bgSplashVideo{width:100%;height:auto}.dot-pattern{width:165px;height:150px;left:calc(50% + 222px);top:calc(50% - 338px);background:url(dots.09e7d123dbe48ed92e85.svg) no-repeat 0 0;background-size:contain}.tagline{left:-46px;top:255px;width:340px;height:20px;-webkit-transform-origin:top;transform-origin:top;color:var(--primary-color);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-weight:200;letter-spacing:2px;font-size:11px;z-index:999}.tagline:after{left:-100px;top:8px;width:100px;height:1px;background:hsla(0,0%,100%,.3)}.tagline:before{left:-114px;top:2px;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:1px solid hsla(0,0%,100%,.3)}.tagline.menu-tagline{z-index:99999}.tagline span{display:inline-block;padding:0 10px;border-right:1px solid hsla(0,0%,100%,.3)}.tagline span:last-child{border:0}.shell-block-wrap{width:300px;height:300px;bottom:0;left:0;z-index:999}.shell-block-wrap .shell-block{width:250px;height:300px;background:hsla(0,0%,80%,.1);-webkit-transform:skew(-20deg,0deg);transform:skew(-20deg,0deg)}.shell-block-wrap .shell-block.prev{left:-90px;top:-80px;-webkit-transition:all .8s cubic-bezier(.075,.82,.165,1);transition:all .8s cubic-bezier(.075,.82,.165,1)}.shell-block-wrap .shell-block.next{left:56px;top:0;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.shell-block-wrap:hover .shell-block.prev{-webkit-transform:skew(-20deg,0deg) translateX(130px);transform:skew(-20deg,0deg) translateX(130px);-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.shell-block-wrap:hover .shell-block.next{-webkit-transform:skew(-20deg,0deg) translateX(160px);transform:skew(-20deg,0deg) translateX(160px);-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1)}.copyright{font-size:6vw;color:rgba(85,85,85,.15);top:100vh;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0;letter-spacing:-.6vw;left:calc(100vw - 70px);line-height:10vh;width:100%}.arrowed-button{z-index:9999;width:240px;height:66px;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);font-size:16px;left:calc(50% - 120px);top:calc(50% + 200px);overflow:hidden;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-pack:left;justify-content:left;padding-left:45px;box-sizing:border-box;letter-spacing:1px;font-weight:700;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.arrowed-button .arrow{display:block;top:20px;width:20px;height:20px;background:url(arrow.2fe35e0415d8fe467f7c.svg) no-repeat 0 0;background-size:contain}.arrowed-button .arrow.left{right:33px;opacity:.2}.arrowed-button .arrow.middle{right:23px;opacity:.5}.arrowed-button .arrow.right{right:13px;opacity:.8}.arrowed-button:hover{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-transform:scale(1.05);transform:scale(1.05)}.arrowed-button:hover .arrow.left{-webkit-animation:arrowAnimLeft .8s cubic-bezier(.075,.82,.165,1) infinite;animation:arrowAnimLeft .8s cubic-bezier(.075,.82,.165,1) infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.arrowed-button:hover .arrow.middle{-webkit-animation:arrowAnimMiddle .8s cubic-bezier(.075,.82,.165,1) infinite;animation:arrowAnimMiddle .8s cubic-bezier(.075,.82,.165,1) infinite;-webkit-animation-delay:.1s;animation-delay:.1s}.arrowed-button:hover .arrow.right{-webkit-animation:arrowAnimRight .8s cubic-bezier(.075,.82,.165,1) infinite;animation:arrowAnimRight .8s cubic-bezier(.075,.82,.165,1) infinite}.light-theme .arrowed-button .arrow{background:url(arrow-dark.5b9605436664d065309a.svg) no-repeat 0 0;background-size:contain}.explosion-wrap{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:-1;opacity:0}.explosion-wrap,.explosion-wrap .explosion-item{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.explosion-wrap .explosion-item{position:absolute;left:calc(50vw - 170px);top:calc(50vh - 130px);height:50px;width:50px;display:block;-webkit-transform:skew(20deg);transform:skew(20deg)}.explosion-wrap.about-active,.explosion-wrap.contact-active,.explosion-wrap.skills-active,.explosion-wrap.works-active{opacity:1}.explosion-wrap.about-active .explosion-item,.explosion-wrap.contact-active .explosion-item,.explosion-wrap.skills-active .explosion-item,.explosion-wrap.works-active .explosion-item{-webkit-transition:all 2s cubic-bezier(.075,.82,.165,1);transition:all 2s cubic-bezier(.075,.82,.165,1)}.explosion-wrap.about-active .explosion-item:first-child,.explosion-wrap.contact-active .explosion-item:first-child,.explosion-wrap.skills-active .explosion-item:first-child,.explosion-wrap.works-active .explosion-item:first-child{-webkit-animation:explodeAnimation1 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation1 .8s cubic-bezier(.075,.82,.165,1) forwards}.explosion-wrap.about-active .explosion-item:nth-child(2),.explosion-wrap.contact-active .explosion-item:nth-child(2),.explosion-wrap.skills-active .explosion-item:nth-child(2),.explosion-wrap.works-active .explosion-item:nth-child(2){-webkit-animation:explodeAnimation2 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation2 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.explosion-wrap.about-active .explosion-item:nth-child(3),.explosion-wrap.contact-active .explosion-item:nth-child(3),.explosion-wrap.skills-active .explosion-item:nth-child(3),.explosion-wrap.works-active .explosion-item:nth-child(3){-webkit-animation:explodeAnimation3 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation3 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(4),.explosion-wrap.contact-active .explosion-item:nth-child(4),.explosion-wrap.skills-active .explosion-item:nth-child(4),.explosion-wrap.works-active .explosion-item:nth-child(4){-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-animation:explodeAnimation4 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation4 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.explosion-wrap.about-active .explosion-item:nth-child(5),.explosion-wrap.contact-active .explosion-item:nth-child(5),.explosion-wrap.skills-active .explosion-item:nth-child(5),.explosion-wrap.works-active .explosion-item:nth-child(5){background:#193ff9;-webkit-animation:explodeAnimation5 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation5 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(6),.explosion-wrap.contact-active .explosion-item:nth-child(6),.explosion-wrap.skills-active .explosion-item:nth-child(6),.explosion-wrap.works-active .explosion-item:nth-child(6){-webkit-animation:explodeAnimation6 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation6 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.explosion-wrap.about-active .explosion-item:nth-child(7),.explosion-wrap.contact-active .explosion-item:nth-child(7),.explosion-wrap.skills-active .explosion-item:nth-child(7),.explosion-wrap.works-active .explosion-item:nth-child(7){-webkit-animation:explodeAnimation7 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation7 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.explosion-wrap.about-active .explosion-item:nth-child(8),.explosion-wrap.contact-active .explosion-item:nth-child(8),.explosion-wrap.skills-active .explosion-item:nth-child(8),.explosion-wrap.works-active .explosion-item:nth-child(8){-webkit-animation:explodeAnimation8 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation8 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.explosion-wrap.about-active .explosion-item:nth-child(9),.explosion-wrap.contact-active .explosion-item:nth-child(9),.explosion-wrap.skills-active .explosion-item:nth-child(9),.explosion-wrap.works-active .explosion-item:nth-child(9){-webkit-animation:explodeAnimation9 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation9 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(10),.explosion-wrap.contact-active .explosion-item:nth-child(10),.explosion-wrap.skills-active .explosion-item:nth-child(10),.explosion-wrap.works-active .explosion-item:nth-child(10){-webkit-animation:explodeAnimation10 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation10 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.explosion-wrap.about-active .explosion-item:nth-child(11),.explosion-wrap.contact-active .explosion-item:nth-child(11),.explosion-wrap.skills-active .explosion-item:nth-child(11),.explosion-wrap.works-active .explosion-item:nth-child(11){-webkit-animation:explodeAnimation11 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation11 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(12),.explosion-wrap.contact-active .explosion-item:nth-child(12),.explosion-wrap.skills-active .explosion-item:nth-child(12),.explosion-wrap.works-active .explosion-item:nth-child(12){-webkit-animation:explodeAnimation12 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation12 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.explosion-wrap.about-active .explosion-item:nth-child(13),.explosion-wrap.contact-active .explosion-item:nth-child(13),.explosion-wrap.skills-active .explosion-item:nth-child(13),.explosion-wrap.works-active .explosion-item:nth-child(13){-webkit-animation:explodeAnimation13 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation13 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(14),.explosion-wrap.contact-active .explosion-item:nth-child(14),.explosion-wrap.skills-active .explosion-item:nth-child(14),.explosion-wrap.works-active .explosion-item:nth-child(14){-webkit-animation:explodeAnimation14 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation14 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.explosion-wrap.about-active .explosion-item:nth-child(15),.explosion-wrap.contact-active .explosion-item:nth-child(15),.explosion-wrap.skills-active .explosion-item:nth-child(15),.explosion-wrap.works-active .explosion-item:nth-child(15){-webkit-animation:explodeAnimation15 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation15 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.explosion-wrap.about-active .explosion-item:nth-child(16),.explosion-wrap.contact-active .explosion-item:nth-child(16),.explosion-wrap.skills-active .explosion-item:nth-child(16),.explosion-wrap.works-active .explosion-item:nth-child(16){-webkit-animation:explodeAnimation16 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation16 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.explosion-wrap.about-active .explosion-item:nth-child(17),.explosion-wrap.contact-active .explosion-item:nth-child(17),.explosion-wrap.skills-active .explosion-item:nth-child(17),.explosion-wrap.works-active .explosion-item:nth-child(17){-webkit-animation:explodeAnimation17 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation17 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(18),.explosion-wrap.contact-active .explosion-item:nth-child(18),.explosion-wrap.skills-active .explosion-item:nth-child(18),.explosion-wrap.works-active .explosion-item:nth-child(18){-webkit-animation:explodeAnimation18 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation18 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.explosion-wrap.about-active .explosion-item:nth-child(19),.explosion-wrap.contact-active .explosion-item:nth-child(19),.explosion-wrap.skills-active .explosion-item:nth-child(19),.explosion-wrap.works-active .explosion-item:nth-child(19){-webkit-animation:explodeAnimation19 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation19 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.explosion-wrap.about-active .explosion-item:nth-child(20),.explosion-wrap.contact-active .explosion-item:nth-child(20),.explosion-wrap.skills-active .explosion-item:nth-child(20),.explosion-wrap.works-active .explosion-item:nth-child(20){-webkit-animation:explodeAnimation20 .8s cubic-bezier(.075,.82,.165,1) forwards;animation:explodeAnimation20 .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.explosion-wrap.about-active .explosion-item{background:#193ff9}.explosion-wrap.works-active .explosion-item{background:#d62d20}.explosion-wrap.skills-active .explosion-item{background:#ffa700}.explosion-wrap.contact-active .explosion-item{background:#29990a}@-webkit-keyframes explodeAnimation1{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:0;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@keyframes explodeAnimation1{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:0;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@-webkit-keyframes explodeAnimation2{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:15vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}}@keyframes explodeAnimation2{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:15vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(45deg);filter:hue-rotate(45deg)}}@-webkit-keyframes explodeAnimation3{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:35vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(60deg);filter:hue-rotate(60deg)}}@keyframes explodeAnimation3{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:30vw;top:10vh;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(20deg);filter:hue-rotate(20deg)}}@-webkit-keyframes explodeAnimation4{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:40vw;top:0;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}}@keyframes explodeAnimation4{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:40vw;top:0;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}}@-webkit-keyframes explodeAnimation5{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:50vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(120deg);filter:hue-rotate(120deg)}}@keyframes explodeAnimation5{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:50vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(120deg);filter:hue-rotate(120deg)}}@-webkit-keyframes explodeAnimation6{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:60vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg)}}@keyframes explodeAnimation6{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:60vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg)}}@-webkit-keyframes explodeAnimation7{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:70vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(70deg);filter:hue-rotate(70deg)}}@keyframes explodeAnimation7{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:70vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(70deg);filter:hue-rotate(70deg)}}@-webkit-keyframes explodeAnimation8{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:80vw;top:10vh;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(20deg);filter:hue-rotate(20deg)}}@keyframes explodeAnimation8{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:80vw;top:10vh;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(20deg);filter:hue-rotate(20deg)}}@-webkit-keyframes explodeAnimation9{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:90vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@keyframes explodeAnimation9{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:90vw;top:20vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@-webkit-keyframes explodeAnimation10{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:100vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(140deg);filter:hue-rotate(140deg)}}@keyframes explodeAnimation10{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:100vw;top:0;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(140deg);filter:hue-rotate(140deg)}}@-webkit-keyframes explodeAnimation11{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:100vw;top:80vh;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(40deg);filter:hue-rotate(40deg)}}@keyframes explodeAnimation11{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:100vw;top:80vh;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(40deg);filter:hue-rotate(40deg)}}@-webkit-keyframes explodeAnimation12{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:90vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(110deg);filter:hue-rotate(110deg)}}@keyframes explodeAnimation12{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:90vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(110deg);filter:hue-rotate(110deg)}}@-webkit-keyframes explodeAnimation13{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:80vw;top:90vh;-webkit-transform:skew(20deg) rotate(400deg) scale(4);transform:skew(20deg) rotate(400deg) scale(4);opacity:0;-webkit-filter:hue-rotate(150deg);filter:hue-rotate(150deg)}}@keyframes explodeAnimation13{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:80vw;top:90vh;-webkit-transform:skew(20deg) rotate(400deg) scale(4);transform:skew(20deg) rotate(400deg) scale(4);opacity:0;-webkit-filter:hue-rotate(150deg);filter:hue-rotate(150deg)}}@-webkit-keyframes explodeAnimation14{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:70vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@keyframes explodeAnimation14{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:70vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}}@-webkit-keyframes explodeAnimation15{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:50vw;top:80vh;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}}@keyframes explodeAnimation15{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:50vw;top:80vh;-webkit-transform:skew(20deg) rotate(2turn) scale(3);transform:skew(20deg) rotate(2turn) scale(3);opacity:0;-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg)}}@-webkit-keyframes explodeAnimation16{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:40vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg)}}@keyframes explodeAnimation16{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:40vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(160deg);filter:hue-rotate(160deg)}}@-webkit-keyframes explodeAnimation17{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:30vw;top:80vh;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(20deg);filter:hue-rotate(20deg)}}@keyframes explodeAnimation17{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:30vw;top:80vh;-webkit-transform:skew(20deg) rotate(400deg) scale(3);transform:skew(20deg) rotate(400deg) scale(3);opacity:0;-webkit-filter:hue-rotate(20deg);filter:hue-rotate(20deg)}}@-webkit-keyframes explodeAnimation18{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:20vw;top:90vh;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@keyframes explodeAnimation18{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:20vw;top:90vh;-webkit-transform:skew(20deg) rotate(2turn) scale(4);transform:skew(20deg) rotate(2turn) scale(4);opacity:0;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}@-webkit-keyframes explodeAnimation19{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:10vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(60deg);filter:hue-rotate(60deg)}}@keyframes explodeAnimation19{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:10vw;top:70vh;-webkit-transform:skew(20deg) rotate(2turn) scale(2);transform:skew(20deg) rotate(2turn) scale(2);opacity:0;-webkit-filter:hue-rotate(60deg);filter:hue-rotate(60deg)}}@-webkit-keyframes explodeAnimation20{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:0;top:90vh;-webkit-transform:skew(20deg) rotate(400deg) scale(4);transform:skew(20deg) rotate(400deg) scale(4);opacity:0;-webkit-filter:hue-rotate(80deg);filter:hue-rotate(80deg)}}@keyframes explodeAnimation20{0%{left:calc(50vw - 170px);top:calc(50vh - 130px);-webkit-transform:skew(20deg) rotate(0deg) scale(1);transform:skew(20deg) rotate(0deg) scale(1);opacity:1;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{left:0;top:90vh;-webkit-transform:skew(20deg) rotate(400deg) scale(4);transform:skew(20deg) rotate(400deg) scale(4);opacity:0;-webkit-filter:hue-rotate(80deg);filter:hue-rotate(80deg)}}.menu{right:60px;top:60px;width:25px;height:30px;z-index:9999999}.menu:after,.menu:before,.menu span{width:25px;height:2px;left:0;background:var(--primary-color);-webkit-transition:all .3s cubic-bezier(.075,.82,.165,1);transition:all .3s cubic-bezier(.075,.82,.165,1)}.menu:before{top:10px}.menu:after{top:20px}.menu:hover span{-webkit-transition:all .4s cubic-bezier(.075,.82,.165,1);transition:all .4s cubic-bezier(.075,.82,.165,1)}.menu:hover:before,.menu:hover span{background:var(--secondary-color);-webkit-animation:menuAnim .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuAnim .8s cubic-bezier(.075,.82,.165,1) forwards}.menu:hover:before{-webkit-transition:all .3s cubic-bezier(.075,.82,.165,1);transition:all .3s cubic-bezier(.075,.82,.165,1);-webkit-animation-delay:.1s;animation-delay:.1s}.menu:hover:after{background:var(--secondary-color);-webkit-animation:menuAnim .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuAnim .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.menu.active:before,.menu:hover:after{-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.menu.active:before{top:9px;width:33px;left:-13px;height:3px}.menu.active span{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:2px}.menu.active:after,.menu.active span{-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.menu.active:after{top:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu.active:hover:after,.menu.active:hover:before,.menu.active:hover span{-webkit-animation:none;animation:none}.menu-open{width:0;height:100vh;background:url(menubg.1503175bd558487bf916.jpg) repeat 50% #0c0c0c!important;background-blend-mode:overlay;background-size:50%;color:var(--primary-color);right:0;top:0;z-index:-1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.menu-open span{display:block;width:auto;text-align:center;color:var(--primary-color);font-size:4vw;opacity:0;position:relative;left:0;margin-bottom:1vw}.menu-open.active{z-index:99999;-webkit-transition:all .8s cubic-bezier(.075,.82,.165,1);transition:all .8s cubic-bezier(.075,.82,.165,1);-webkit-animation:menuOpen .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuOpen .8s cubic-bezier(.075,.82,.165,1) forwards}.menu-open.active span{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.menu-open.active span:first-child{-webkit-animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.menu-open.active span:nth-child(2){-webkit-animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.menu-open.active span:nth-child(3){-webkit-animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.menu-open.active span:nth-child(4){-webkit-animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.menu-open.active span:nth-child(5){-webkit-animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuItem .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.menu-open.active span:after,.menu-open.active span:before{width:0;height:10px;right:-80px;top:calc(50% - 5px);opacity:0;-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1);transition:all .6s cubic-bezier(.075,.82,.165,1)}.menu-open.active span:before{left:-80px}.menu-open.active span:hover{color:var(--primary-color);-webkit-transform:scale(1.2);transform:scale(1.2)}.menu-open.active span:hover,.menu-open.active span:hover:after,.menu-open.active span:hover:before{-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1);transition:all .6s cubic-bezier(.075,.82,.165,1)}.menu-open.active span:hover:after,.menu-open.active span:hover:before{opacity:1;width:60px;background:url(menuhover.6125a063268c1f747dc8.svg) repeat-x 0 0;-webkit-animation:menuHoverAnim .8s cubic-bezier(.075,.82,.165,1) infinite;animation:menuHoverAnim .8s cubic-bezier(.075,.82,.165,1) infinite}.menu-open.inactive{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-animation:menuClose .8s cubic-bezier(.075,.82,.165,1) forwards;animation:menuClose .8s cubic-bezier(.075,.82,.165,1) forwards}.menu-open.light{background:url(menubg-light.4b8184175b2851d277a4.jpg) repeat 50% #fff!important;background-blend-mode:multiply;background-size:50%}.profile-pic-wrap{width:300px;height:300px;top:calc(50% - 320px);-webkit-perspective:400px;perspective:400px;left:calc(50% - 130px);will-change:transform;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.profile-pic-wrap .profile-pic{width:250px;height:300px}.profile-pic-wrap .profile-pic.prev{-webkit-transition:all 2.8s cubic-bezier(.075,.82,.165,1);transition:all 2.8s cubic-bezier(.075,.82,.165,1);left:0;top:0;-webkit-animation:MotionScale 2s linear infinite alternate;animation:MotionScale 2s linear infinite alternate}.profile-pic-wrap .profile-pic.prev img{-webkit-clip-path:url(#prevClip);clip-path:url(#prevClip);width:525px}.profile-pic-wrap .profile-pic.next{-webkit-transition:all 2.2s cubic-bezier(.075,.82,.165,1);transition:all 2.2s cubic-bezier(.075,.82,.165,1);left:0;top:-1px;-webkit-animation:MotionScale 2s linear infinite alternate;animation:MotionScale 2s linear infinite alternate}.profile-pic-wrap .profile-pic.next img{-webkit-clip-path:url(#nextClip);clip-path:url(#nextClip);width:525px}.profile-pic-wrap:hover .profile-pic.prev{left:20px;top:20px;-webkit-transition:all 2.8s cubic-bezier(.075,.82,.165,1);transition:all 2.8s cubic-bezier(.075,.82,.165,1)}.profile-pic-wrap:hover .profile-pic.next{left:40px;top:-20px}.profile-pic-wrap.transform,.profile-pic-wrap:hover .profile-pic.next{-webkit-transition:all 2.2s cubic-bezier(.075,.82,.165,1);transition:all 2.2s cubic-bezier(.075,.82,.165,1)}.profile-pic-wrap.transform{left:-40vw;top:-30vw;opacity:0;-webkit-filter:blur(500px);filter:blur(500px)}.full-name{width:100%;left:0;text-align:center;top:calc(50% - 100px);color:var(--primary-color);font-size:7vw;letter-spacing:-.3vw;font-weight:800;z-index:9999}.full-name,.full-name span{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.full-name span{display:inline-block;position:relative;opacity:0;-webkit-filter:blur(120px);filter:blur(120px)}.full-name span:first-child,.full-name span:nth-child(2){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.full-name span:nth-child(3){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.full-name span:nth-child(4){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.full-name span:nth-child(5){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.full-name span:nth-child(6){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.full-name span:nth-child(7){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.full-name span:nth-child(8){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.full-name span:nth-child(9){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}.full-name span:nth-child(10){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.full-name span:nth-child(11){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.3s;animation-delay:1.3s}.full-name span:nth-child(12){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.4s;animation-delay:1.4s}.full-name span:nth-child(13){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.full-name span:nth-child(14){-webkit-animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .4s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.6s;animation-delay:1.6s}.full-name span:nth-child(15){-webkit-animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .5s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.7s;animation-delay:1.7s}.full-name span:nth-child(16){-webkit-animation:animFullnameLand .6s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameLand .6s cubic-bezier(.17,.67,.6,1.16) forwards;-webkit-animation-delay:1.8s;animation-delay:1.8s}.full-name span:hover{top:0;-webkit-filter:blur(0);filter:blur(0);-webkit-animation:animFullnameHover .5s cubic-bezier(.17,.67,.6,1.16) forwards;animation:animFullnameHover .5s cubic-bezier(.17,.67,.6,1.16) forwards}.full-name.transform{-webkit-transition:all 2.2s cubic-bezier(.075,.82,.165,1);transition:all 2.2s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(120px);filter:blur(120px);z-index:-1}.full-name.transform span,.full-name.transform span:first-child{-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards}.full-name.transform span:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.full-name.transform span:nth-child(2){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.full-name.transform span:nth-child(3){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.15s;animation-delay:.15s}.full-name.transform span:nth-child(4){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.full-name.transform span:nth-child(5){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.full-name.transform span:nth-child(6){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.full-name.transform span:nth-child(7){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.35s;animation-delay:.35s}.full-name.transform span:nth-child(8){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.4s;animation-delay:.4s}.full-name.transform span:nth-child(9){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.45s;animation-delay:.45s}.full-name.transform span:nth-child(10){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.full-name.transform span:nth-child(11){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.55s;animation-delay:.55s}.full-name.transform span:nth-child(12){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.full-name.transform span:nth-child(13){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.65s;animation-delay:.65s}.full-name.transform span:nth-child(14){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.67s;animation-delay:.67s}.full-name.transform span:nth-child(15){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.full-name.transform span:nth-child(16){-webkit-animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;animation:animTextTop .4s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.72s;animation-delay:.72s}.skill-summary{width:100%;left:0;text-align:center;top:calc(50% + 85px);color:var(--primary-color)}.skill-summary .skill-note{position:relative;font-size:14px;letter-spacing:3px;white-space:nowrap;-webkit-transition:all 4s cubic-bezier(.075,.82,.165,1);transition:all 4s cubic-bezier(.075,.82,.165,1)}.skill-summary .skill-note:after,.skill-summary .skill-note:before{width:320px;height:1px;background:var(--primary-color);opacity:.1;position:absolute;top:8px}.skill-summary .skill-note:before{left:calc(50% - 383px)}.skill-summary .skill-note:after{right:calc(50% - 383px)}.skill-summary .skill-titles{font-size:16px;margin-top:20px;letter-spacing:10px;white-space:nowrap;-webkit-transition:all 4s cubic-bezier(.075,.82,.165,1);transition:all 4s cubic-bezier(.075,.82,.165,1)}.skill-summary .skill-titles span{display:inline-block;padding:0 20px;border-right:1px solid hsla(0,0%,100%,.2)}.skill-summary .skill-titles span:last-child{border:0}.skill-summary.transform .skill-note,.skill-summary.transform .skill-titles{-webkit-transition:all 2s cubic-bezier(.075,.82,.165,1);transition:all 2s cubic-bezier(.075,.82,.165,1);-webkit-animation:animSkillset .8s cubic-bezier(.075,.82,.165,1) forwards;animation:animSkillset .8s cubic-bezier(.075,.82,.165,1) forwards}.shell-block-about{top:120vh;left:120vw}.shell-block-about .shell-block.prev{background:var(--logo-theme-color)}.shell-block-about.active{-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(0);filter:blur(0);opacity:1;top:calc(50vh - 130px);left:calc(50vw - 170px)}.about-description{width:330px;left:120vw;text-align:center;left:50vw;top:calc(50vh + 70px);color:var(--primary-color);font-size:12px;text-align:left;line-height:24px;letter-spacing:1px;opacity:0;-webkit-filter:blur(100px);filter:blur(100px);-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.about-description span:first-child{font-size:24px}.about-description.active{-webkit-transition:all 2s cubic-bezier(.075,.82,.5,1);transition:all 2s cubic-bezier(.075,.82,.5,1);left:50vw;top:calc(50vh - 90px);opacity:1;z-index:9999;-webkit-filter:blur(0);filter:blur(0)}.about-description.active p a{text-decoration:none;color:#0ff;font-weight:500}.about-description.active p a:hover{text-decoration:underline}.light-theme .about-description.active p a{color:#12899c}.section-about{width:100%;height:100vh;z-index:99;top:110vh;left:0;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.section-about.active{top:0;-webkit-transition:all 2.2s cubic-bezier(.075,.82,.165,1);transition:all 2.2s cubic-bezier(.075,.82,.165,1)}.shell-block-works{top:-120vh;left:-120vw}.shell-block-works .shell-block.prev{background:var(--logo-theme-color)}.shell-block-works.active{-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(0);filter:blur(0);opacity:1;top:calc(50vh - 130px);left:calc(50vw - 170px)}.work-gal{height:calc(100vh - 336px);left:120vw;top:-120vh;display:-webkit-box;display:flex;z-index:999;flex-wrap:wrap;width:calc(100vw - 794px)}.work-gal,.work-gal .work-item{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.work-gal .work-item{max-width:calc((50vw - 100px)/3);max-height:calc((67vh - 100px)/3);overflow:hidden;margin-right:10px;margin-bottom:10px;-webkit-transform:skew(-22deg,0deg);transform:skew(-22deg,0deg);opacity:.3}.work-gal .work-item img{max-width:100%;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-transform:skew(22deg,0deg) scale(1.3);transform:skew(22deg,0deg) scale(1.3)}.work-gal .work-item:hover{-webkit-transition:all .7s cubic-bezier(.075,.82,.165,1);transition:all .7s cubic-bezier(.075,.82,.165,1);-webkit-transform:skew(0deg,0deg) scale(1.2);transform:skew(0deg,0deg) scale(1.2);z-index:999;opacity:1}.work-gal .work-item:hover img{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-transform:skew(0deg,0deg) scale(1);transform:skew(0deg,0deg) scale(1)}.work-gal.active{-webkit-transition:all 2.2s cubic-bezier(.075,.82,.165,1);transition:all 2.2s cubic-bezier(.075,.82,.165,1);top:calc(50vh - 265px);left:calc(50vw - 60px)}.work-gal .preview-block{width:0;height:0;right:calc(50vw - 180px);top:calc(50vh - 265px)}.work-gal .preview-block,.work-gal .preview-block .img-loader{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.work-gal .preview-block .img-loader{display:block;width:50px;height:50px;left:calc(50% - 25px);top:calc(50% - 25px);border-radius:50px}.work-gal .preview-block .img-loader svg{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:dash 5s linear infinite alternate;animation:dash 5s linear infinite alternate}.work-gal .preview-block .back-btn{left:-300px;top:2vh;font-size:30px;color:#0fc;opacity:0}.work-gal .preview-block .back-btn,.work-gal .preview-block .back-btn.active{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.work-gal .preview-block .back-btn.active{opacity:1;left:calc(50vw + 50px)}.work-gal .preview-block .details{color:var(--primary-color);left:-400px;top:20vh;width:200px;letter-spacing:1px;text-align:left;opacity:0;z-index:20;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1)}.work-gal .preview-block .details .title{font-size:30px}.work-gal .preview-block .details .description{font-size:12px;line-height:22px;padding-top:15px}.work-gal .preview-block .details.active{-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);left:calc(50vw + 50px);opacity:1}.work-gal .preview-block figure{display:block;width:100%;max-height:58vh;overflow-x:hidden;overflow-y:auto;position:relative;z-index:10}.work-gal .preview-block figure,.work-gal .preview-block figure img{-webkit-transition:all 1.6s cubic-bezier(.075,.82,.165,1);transition:all 1.6s cubic-bezier(.075,.82,.165,1)}.work-gal .preview-block figure img{max-width:0;height:0}.work-gal .preview-block.active{-webkit-transition:all 1.6s cubic-bezier(.075,.82,.165,1);transition:all 1.6s cubic-bezier(.075,.82,.165,1);width:49vw;height:auto;max-height:58vh;z-index:99999}.work-gal .preview-block.active:before{display:block;content:"";width:100vw;height:100vh;position:fixed;left:0;top:0;background:var(--secondary-color);opacity:.8;z-index:0}.work-gal .preview-block.active figure{height:58vh}.work-gal .preview-block.active figure.active img{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1);transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-animation:animImgPreview .8s cubic-bezier(.075,.82,.165,1) forwards;animation:animImgPreview .8s cubic-bezier(.075,.82,.165,1) forwards}.light-theme .work-gal .preview-block .back-btn{color:#00a785}@-webkit-keyframes animImgLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animImgLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes animImgPreview{0%{height:0;max-width:0}to{height:auto;max-width:100%}}@keyframes animImgPreview{0%{height:0;max-width:0}to{height:auto;max-width:100%}}.shell-block-skills{top:-120vh;left:120vw}.shell-block-skills .shell-block.prev{background:var(--logo-theme-color)}.shell-block-skills.active{-webkit-filter:blur(0);filter:blur(0);opacity:1;top:calc(50vh - 130px);left:calc(50vw - 170px)}.shell-block-skills.active,.skill-block{-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1)}.skill-block{width:300px;height:180px;top:calc(50vh - 100px);left:calc(50vw + 100px);color:var(--primary-color);padding:20px 60px;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;opacity:0}.skill-block span{display:block;z-index:1;position:relative}.skill-block .caption{color:var(--primary-color);font-size:18px;margin-bottom:10px}.skill-block .skill-item{font-size:14px;line-height:20px;letter-spacing:1px}.skill-block.ux-design{top:calc(50vh - 150px);left:calc(50vw - 32px)}.skill-block.ui-design{top:calc(50vh - 214px);left:calc(50vw + 520px)}.skill-block.ui-development{top:calc(50vh - 27px);left:calc(50vw + 111px)}.skill-block:before{width:100%;height:100%;background:rgba(51,51,51,.3);-webkit-transform:skew(-20deg,0);transform:skew(-20deg,0);z-index:0;left:0;top:0}.skill-block.active{-webkit-transition:all 1.8s cubic-bezier(.075,.82,.165,1);transition:all 1.8s cubic-bezier(.075,.82,.165,1)}.skill-block.active.ux-design{-webkit-animation:animUXDesign 1.8s cubic-bezier(.075,.82,.165,1) forwards;animation:animUXDesign 1.8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:1s;animation-delay:1s}.skill-block.active.ui-design{-webkit-animation:animUIDesign 1.8s cubic-bezier(.075,.82,.165,1) forwards;animation:animUIDesign 1.8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.skill-block.active.ui-development{-webkit-animation:animUIDevelopment 1.8s cubic-bezier(.075,.82,.165,1) forwards;animation:animUIDevelopment 1.8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:1.4s;animation-delay:1.4s}.light-theme .skill-block:before{background:#f5f5f5}.shell-block-contact{top:120vh;left:-120vw}.shell-block-contact .shell-block.prev{background:var(--logo-theme-color)}.shell-block-contact.active{-webkit-transition:all 1.5s cubic-bezier(.075,.82,.165,1);transition:all 1.5s cubic-bezier(.075,.82,.165,1);-webkit-filter:blur(0);filter:blur(0);opacity:1;top:calc(50vh - 130px);left:calc(50vw - 170px)}.contact-form{width:300px;height:62vh;left:calc(50vw + 100px);top:-10vh;color:var(--primary-color);z-index:9999;overflow:visible;opacity:0;z-index:-1}.contact-form .caption{display:block;margin-bottom:20px}.contact-form .caption span{font-size:18px}.contact-form .form-wrap{position:relative;height:80px}.contact-form .form-wrap .form-label{display:block;width:100%;left:0;top:28px;z-index:0;-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1);transition:all .6s cubic-bezier(.075,.82,.165,1)}.contact-form .form-wrap .form-label:before{width:0;height:4px;background:var(--primary-color);top:60px;left:0;position:absolute;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1)}.contact-form .form-wrap .form-input{position:relative;width:100%;background:transparent;border:0;color:var(--primary-color);border:1px solid var(--primary-color);z-index:1;height:50px;cursor:text;font-family:Apercu,sans-serif;font-size:18px}.contact-form .form-wrap .form-input:focus{outline:none;box-shadow:none}.contact-form .form-wrap .form-input:focus~.form-label,.contact-form .form-wrap .form-input:valid~.form-label{-webkit-transition:all .3s cubic-bezier(.075,.82,.165,1);transition:all .3s cubic-bezier(.075,.82,.165,1);-webkit-transform:translateY(-38px);transform:translateY(-38px)}.contact-form .form-wrap .form-input:focus~.form-label:before,.contact-form .form-wrap .form-input:valid~.form-label:before{-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1);transition:all .5s cubic-bezier(.075,.82,.165,1);-webkit-animation:inputFocus .8s cubic-bezier(.075,.82,.165,1) forwards;animation:inputFocus .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.contact-form .btn-submit{width:100%;height:66px;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);font-size:16px;-webkit-transition:all .8s cubic-bezier(.075,.82,.165,1);transition:all .8s cubic-bezier(.075,.82,.165,1)}.contact-form .btn-submit:hover{-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1);transition:all .6s cubic-bezier(.075,.82,.165,1);-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-form.active{z-index:99;-webkit-animation:contactFormActive .8s cubic-bezier(.075,.82,.165,1) forwards;animation:contactFormActive .8s cubic-bezier(.075,.82,.165,1) forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.contact-form .contact-btn{display:block;width:300px;max-width:100%;height:64px;border:1px solid var(--primary-color);text-decoration:none;color:var(--primary-color);font-size:18px;box-sizing:border-box;padding:22px 0;position:relative;margin-bottom:20px}.contact-form .contact-btn .icon-contact{display:block;width:50px;height:50px;position:absolute;left:10px;top:10px}.contact-form .contact-btn .icon-contact svg{width:50px;height:50px}.contact-form .contact-btn .icon-contact svg path{fill:#929497}.contact-form .contact-btn .contact-text{position:relative;width:calc(100% - 70px);left:70px}.contact-form .contact-btn:before{display:block;content:"";position:absolute;left:0;top:0;opacity:0;height:64px;width:0;-webkit-transition:all .6s cubic-bezier(.075,.82,.165,1);transition:all .6s cubic-bezier(.075,.82,.165,1)}.contact-form .contact-btn.email:before{background:#d62d20}.contact-form .contact-btn.whatsapp:before{background:#29990a}.contact-form .contact-btn.linkedin:before{background:#0e76a8}.contact-form .contact-btn.linkedin svg{position:relative;top:-4px}.contact-form .contact-btn:hover:before{-webkit-animation:contactBtnHover .8s cubic-bezier(.075,.82,.165,1) forwards;animation:contactBtnHover .8s cubic-bezier(.075,.82,.165,1) forwards}.contact-form .contact-btn:hover .icon-contact svg path{fill:var(--primary-color)}.contact-form .contact-btn:hover.email{border-color:#d62d20}.contact-form .contact-btn:hover.whatsapp{border-color:#29990a}.contact-form .contact-btn:hover.linkedin{border-color:#0e76a8}.load-images{left:500vw;top:500vh;width:0;height:0;overflow:hidden;opacity:0}@-webkit-keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:calc(50vh - 90px)}}@keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:calc(50vh - 90px)}}@media screen and (min-width:1541px){@-webkit-keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw + 22px);opacity:1}}@keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw + 22px);opacity:1}}@-webkit-keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 309px);opacity:1}}@keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 309px);opacity:1}}@-webkit-keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw + 120px);opacity:1}}@keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw + 120px);opacity:1}}}@media screen and (max-width:1540px){.work-gal{width:50vw}.work-gal .preview-block.active{width:49vw}.skill-block{width:222px;height:170px;padding:15px 40px}.skill-block.ui-development{top:calc(50vh - 36px)!important}@-webkit-keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw + 27px);opacity:1}}@keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw + 27px);opacity:1}}@-webkit-keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 238px);opacity:1}}@keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 238px);opacity:1}}@-webkit-keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw + 55px);opacity:1}}@keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw + 55px);opacity:1}}}@media screen and (max-width:1200px){.logo{width:85px;left:30px;top:30px}.logo svg{-webkit-transform:scale(.9);transform:scale(.9);position:absolute;left:-23px;top:-13px}.tagline{left:-93px;top:211px}.menu{right:30px;top:30px}.scroll-tag{right:0;bottom:60px}.full-name{font-size:9.5vw}.skill-summary .skill-titles{font-size:14px;letter-spacing:5px}.skill-summary .skill-note:after,.skill-summary .skill-note:before{width:185px}.skill-summary .skill-note:before{left:calc(50% - 250px)}.skill-summary .skill-note:after{right:calc(50% - 250px)}}@media screen and (max-width:990px){.shell-block-about .shell-block,.shell-block-contact .shell-block,.shell-block-skills .shell-block,.shell-block-works .shell-block{width:200px;height:165px;left:-20px}.active.section-title.about,.active.section-title.contact,.active.section-title.skills,.active.section-title.works{left:calc(50vw - 360px)}.scroll-tag{display:none}.work-gal .preview-block{right:calc(50vw - 70px)}.work-gal .preview-block .details.active{left:calc(50vw + 55px);top:20vh}.work-gal .preview-block .back-btn.active{left:calc(50vw + 55px)}@-webkit-keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw - 30px);opacity:1}}@keyframes animUXDesign{0%{top:calc(50vh - 423px);left:calc(50vw + 77px);opacity:0}to{top:calc(50vh - 267px);left:calc(50vw - 30px);opacity:1}}@-webkit-keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 180px);opacity:1}}@keyframes animUIDesign{0%{left:calc(50vw + 520px);opacity:0}to{left:calc(50vw + 180px);opacity:1}}@-webkit-keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw - 15px);opacity:1}}@keyframes animUIDevelopment{0%{left:calc(50vw + 111px);opacity:0}to{left:calc(50vw - 15px);opacity:1}}.menu-open span{font-size:8vw}.contact-form{left:calc(50vw + 10px)}}@media screen and (max-width:768px){#bgSplashVideo{width:auto;height:100vh}.full-name span{line-height:0}.full-name span:nth-child(8){display:block}.skill-summary .skill-titles{font-size:12px;letter-spacing:1px}.skill-summary .skill-note:after,.skill-summary .skill-note:before{width:100px}.skill-summary .skill-note:before{left:calc(50% - 168px)}.skill-summary .skill-note:after{right:calc(50% - 168px)}.active.section-title.about,.active.section-title.contact,.active.section-title.skills,.active.section-title.works{left:calc(50vw - 150px);top:17vh;font-size:10vw}.shell-block-about.active,.shell-block-contact.active,.shell-block-skills.active,.shell-block-works.active{top:calc(50vh - 212px);left:calc(50vw + 70px);-webkit-transform:scale(.8);transform:scale(.8)}.about-description.active{padding:0 120px;text-align:center;width:90vw;box-sizing:border-box;left:8vw;top:38vh}.about-description.active p{text-align:justify}.work-gal.active{top:calc(50vh - 100px);left:110px;width:calc(100vw - 190px);-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;height:calc(100vh - 365px);overflow-y:auto;overflow-x:hidden;z-index:999}.work-gal .work-item{height:auto;max-width:100%;max-height:100%;overflow:hidden;opacity:1}.work-gal .work-item,.work-gal .work-item img{width:100%;-webkit-transform:skew(0,0);transform:skew(0,0)}.work-gal .preview-block.active{width:calc(100vw - 180px);left:100px;top:15vh;background:var(--secondary-color);max-height:calc(100vh - 208px);height:calc(100vh - 208px)}.work-gal .preview-block.active figure{max-height:40vh;width:calc(100% - 80px)}.work-gal .preview-block.active figure img{max-width:100%;width:100%}.work-gal .preview-block .back-btn.active{left:38px;font-size:24px;top:-26px}.work-gal .preview-block .details.active{left:38px;top:45vh;text-align:left;width:calc(100% - 80px)}.arrowed-button{top:inherit;bottom:5vh}.skill-block-wrap{position:fixed;left:120px;top:33vh;width:calc(100vw - 190px);height:calc(100vh - 330px);overflow-x:hidden;overflow-y:auto}.skill-block{position:relative;height:auto;margin-bottom:10px;width:100%;display:block;padding:15px 0}.skill-block:before{-webkit-transform:skew(0deg,0);transform:skew(0deg,0);background:transparent;border-bottom:1px solid hsla(0,0%,80%,.15)}@-webkit-keyframes animUXDesign{0%{top:0;left:113px;opacity:0}to{top:0;left:0;opacity:1}}@keyframes animUXDesign{0%{top:0;left:113px;opacity:0}to{top:0;left:0;opacity:1}}@-webkit-keyframes animUIDesign{0%{top:0;left:0;opacity:0}to{top:0;left:0;opacity:1}}@keyframes animUIDesign{0%{top:0;left:0;opacity:0}to{top:0;left:0;opacity:1}}@-webkit-keyframes animUIDevelopment{0%{top:0;left:0;opacity:0}to{top:0;left:0;opacity:1}}@keyframes animUIDevelopment{0%{top:0;left:0;opacity:0}to{top:0;left:0;opacity:1}}.skill-block .skill-item{display:inline-block;padding:5px 25px 5px 0}.shell-block-about .prev.shell-block,.shell-block-contact .prev.shell-block,.shell-block-skills .prev.shell-block,.shell-block-works .prev.shell-block{top:-100px}.shell-block-about .next.shell-block,.shell-block-contact .next.shell-block,.shell-block-skills .next.shell-block,.shell-block-works .next.shell-block{left:-35px;top:-60px}.contact-form{left:120px;width:calc(100vw - 200px)}@-webkit-keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:calc(50vh - 90px)}}@keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:calc(50vh - 90px)}}.contact-form .caption{text-align:center}.contact-form .contact-btn{margin-left:auto;margin-right:auto}.menu-open span{font-size:10vw;line-height:14vw}.contact-form .caption span{font-size:14px}.contact-form .caption p{margin:0 0 0 5px;display:inline-block}.contact-form .form-wrap .form-label{top:30px}.contact-form .form-wrap .form-label:before{top:47px}.contact-form .form-wrap .form-input:focus~.form-label,.contact-form .form-wrap .form-input:valid~.form-label{-webkit-transform:translateY(-27px);transform:translateY(-27px);font-size:10px}.swipe-tag{display:block}}@media screen and (max-width:576px){.bg-blocks{width:50vw;background-size:50vw;left:15vw}.logo svg{left:-18px;top:-13px}.swipe-tag{right:5px}.tagline{left:-95px;top:182px;letter-spacing:2px;font-size:9px}.tagline:before{left:-55px;top:2px;width:8px;height:8px}.tagline:after{left:-43px;top:8px;width:45px}.full-name{font-size:15vw;line-height:13vw;text-align:left;padding-left:120px;top:calc(50% - 50px)}.profile-pic-wrap{-webkit-transform:scale(.7);transform:scale(.7);left:calc(50% - 195px)}.active.section-title.about,.active.section-title.contact,.active.section-title.skills,.active.section-title.works{top:100px;font-size:42px;left:calc(50vw - 140px)}.work-gal .preview-block.active{width:calc(100vw - 20px);left:10px;max-height:calc(100vh - 20px);height:calc(100vh - 20px)}.work-gal.active{height:calc(100vh - 340px);width:calc(100vw - 160px)}.skill-block-wrap{left:120px;height:calc(100vh - 355px)}.skill-block .skill-item{padding:5px 25px 0 0}.menu-open span{font-size:10vw;line-height:18vw}@-webkit-keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:33vh}}@keyframes contactFormActive{0%{opacity:0;top:-10vh}to{opacity:1;top:33vh}}.contact-form .form-wrap{height:60px}.contact-form .form-wrap .form-input{height:40px}.contact-form .form-wrap .form-label{top:20px}.contact-form .caption{margin-bottom:10px}.contact-form .caption p{display:none;margin:5px 0;display:inline-block}.about-description.active{padding:0 80px;top:35vh}}@media screen and (max-width:480px){.tagline{left:-138px}.shell-block-about .prev.shell-block,.shell-block-contact .prev.shell-block,.shell-block-skills .prev.shell-block,.shell-block-works .prev.shell-block{top:-123px}.tagline:after{left:-18px;top:6px;width:22px}.tagline:before{left:-28px;top:2px;width:7px;height:7px}.full-name{padding-left:75px}.skill-summary{top:calc(50% + 106px)}.skill-summary .skill-titles span{padding:0 10px}.skill-summary .skill-note:after,.skill-summary .skill-note:before{width:70px}.skill-summary .skill-note:before{left:calc(50% - 140px)}.skill-summary .skill-note:after{right:calc(50% - 140px)}.about-description.active{padding:0 40px;line-height:22px;top:30vh}.work-gal.active{left:70px;width:calc(100vw - 125px);height:calc(100vh - 390px)}.skill-block-wrap{left:60px;width:calc(100vw - 115px)}.contact-form{left:70px;width:calc(100vw - 100px)}.contact-form .btn-submit{height:50px}}.full-name:hover~#mycursor{width:100px;height:100px;border:1px dashed #fc0}