@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:400;src:local("Helvetica Now Display Regular"),local("Helvetica-Now-Display-Regular"),url(/static/media/HelveticaNowDisplay-Regular.4e316aa66ee694d00576.woff2) format("woff2"),url(/static/media/HelveticaNowDisplay-Regular.7a5d20e347c39360a736.woff) format("woff"),url(/static/media/HelveticaNowDisplay-Regular.cc17bb5a5b3a6f9fb2f2.ttf) format("truetype")}@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:500;src:local("Helvetica Now Display Medium"),local("Helvetica-Now-Display-Medium"),url(/static/media/HelveticaNowDisplay-Medium.e1452c74a0d4a96d47cb.woff2) format("woff2"),url(/static/media/HelveticaNowDisplay-Medium.57136efe69fe4f51af32.woff) format("woff"),url(/static/media/HelveticaNowDisplay-Medium.fdc131929a9f4ed43ccf.ttf) format("truetype")}@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:800;src:local("Helvetica Now Display Extra Bold"),local("Helvetica-Now-Display-Extra-Bold"),url(/static/media/HelveticaNowDisplay-ExtraBold.840b7d0569167c41e82f.woff2) format("woff2"),url(/static/media/HelveticaNowDisplay-ExtraBold.669c52df740b47edd463.woff) format("woff"),url(/static/media/HelveticaNowDisplay-ExtraBold.607b08d81c9e5bf00f77.ttf) format("truetype")}:root{--whiteColor:#fff;--blueColor:#161e30;--grayColor:#878a8f;--blackColor:#01030e;--port2021:#161616;--tesla:#5e47ff85}#light{--white:var(--whiteColor);--blue:var(--blueColor);--gray:var(--grayColor);--loaderText:var(--grayColor);--port:var(--port2021)}#dark,#light{background-color:var(--white)}#dark{--white:var(--blackColor);--blue:var(--whiteColor);--gray:var(--grayColor);--loaderText:var(--blackColor);--port:var(--whiteColor)}#root{display:flex;flex-direction:column;justify-content:center}.App{cursor:none;min-height:var(--app-height)}*{box-sizing:border-box;line-height:1;margin:0;padding:0;position:relative;text-decoration:none}body{font-family:Helvetica Now Display,sans-serif;font-size:20px}.ring{background-color:rgba(22,30,48,.3);height:30px;left:0;top:0;transition-duration:.15s;transition-timing-function:ease-out;width:30px;will-change:width,height,transform,border}.dot,.ring{border-radius:50%;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99999}.dot{background-color:var(--blue);height:6px;left:50%;top:50%;width:6px}.ring.hovered{height:60px;width:60px}.dot.hovered{background-color:#161e3061}#dark .ring{background-color:hsla(0,0%,100%,.38)}.theme-toggle{position:fixed;right:160px;top:40px;z-index:9999}.theme-toggle .outer{align-items:center;border:2px solid var(--blue);border-radius:30px;cursor:pointer;display:flex;height:30px;padding:0 5px;width:58px}.theme-toggle .outer .inner{background:var(--blue);border-radius:50%;height:20px;transition:all .3s;width:20px}#dark .theme-toggle .outer .inner{-webkit-transform:translateX(24px);transform:translateX(24px)}li,p{color:var(--blue);line-height:1.5}li:not(:last-child){margin-bottom:10px}img{width:100%}h1{font-size:360%;margin-top:15px;padding:1px 0 4px}h1,h2{color:var(--blue)}h2{font-size:220%;line-height:1.14;margin:10px auto 20px}h3{color:var(--blue);font-size:110%;font-weight:800;line-height:30px;margin-top:20px;padding:2px 0 3px}h4{font-size:90%;line-height:1.4em;padding:1px 0 4px}h5{color:var(--gray);font-size:70%;font-weight:400;letter-spacing:5px;padding:5px 0 8px;text-transform:uppercase}a.special{border:0;color:var(--blue);display:inline-block}a.special:after{background:var(--blue);bottom:-3px;content:"";height:1px;left:0;opacity:0;position:absolute;transition:all .4s;width:100%}a.special:hover:after{opacity:1}nav.links{margin-top:20px}nav.links h1,nav.links h2,nav.links h3,nav.links h4,nav.links h5,nav.links h6{display:inline-block}nav.links h4{cursor:pointer}nav.links h4:after{background:var(--blue);transition:all .4s}nav.links h4:after,nav.links h4:before{bottom:0;content:"";cursor:pointer;height:2px;left:0;position:absolute;width:100%}nav.links h4:before{background-color:var(--gray);pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:1}nav.links h4:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}nav.links a.btn{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-position:100%;background-size:200% 100%;display:inline-block;transition:all .4s ease-in-out}#light nav.links a.btn{background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#161e30 0)}#dark nav.links a.btn{background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#fff 0)}nav.links h4:hover a.btn{background-position:0}nav.links span{color:var(--gray);font-size:80%;margin:0 15px;pointer-events:none}.wrapper,section{width:100%}.wrapper{margin:0 auto;max-width:1440px;padding:0 40px}@media (max-width:1180px){.App{cursor:auto}.dot,.ring{display:none}}@media (max-width:900px){::-webkit-scrollbar{display:none}}@media (max-width:767px){.theme-toggle{right:80px;top:27px}}@media (max-width:620px){.wrapper{padding:0 20px}h1,h2{font-size:160%;line-height:1.2;margin-top:0}h3{font-size:90%;line-height:1.4;margin-top:10px}li,p{font-size:95%}}::-webkit-scrollbar{width:13px;width:0}::-webkit-scrollbar-thumb{background:#878a8f;background:var(--grayColor)}::-webkit-scrollbar-track{background-color:#dcdcdc}button.up-button{background:var(--blue);border:2px solid var(--blue);border-radius:100px;box-shadow:none;height:46px;width:46px;z-index:900}button.up-button svg{fill:var(--white);height:20px;pointer-events:none;width:20px}button.up-button:hover{background:var(--blue)}button.up-button:hover svg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scrollUp;animation-name:scrollUp}@-webkit-keyframes scrollUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes scrollUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@media (max-width:767px){button.up-button{border:none;bottom:30px;box-shadow:none;opacity:.6;right:20px}}.contact-link{background:var(--blue);border:2px solid var(--blue);border-radius:23px;bottom:40px;display:block;height:46px;left:40px;padding:11px;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s cubic-bezier(.3,0,.5,1) .2s;width:46px;z-index:900}.contact-link:hover{transition:all .2s cubic-bezier(.3,0,.5,1);width:127px}.contact-link svg{height:20px;margin-right:8px;width:20px}.contact-link span,.contact-link svg{color:var(--white);display:block;float:left}.contact-link span{font-size:.8125rem;font-weight:500;line-height:1.25rem;margin-top:1px;opacity:0;overflow:hidden;transition:width 0s linear .2s,opacity .2s cubic-bezier(.3,0,.5,1);width:0}.contact-link:hover span{opacity:1;transition:width 0s linear .2s,opacity .2s cubic-bezier(.3,0,.5,1) .2s;width:auto}@media (max-width:767px){.contact-link{background:#0f141e;bottom:30px;display:none;left:20px;opacity:.6!important}}.home-gallery{height:calc(var(--app-height) - 108px)}.home-gallery .name-logo{bottom:20%;position:absolute;right:-32px;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:0}.home-gallery .name-logo svg{fill:var(--blue);height:100%;width:500px}.home-gallery .wrapper{bottom:20px;left:50%;padding:0 40px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.home-gallery .wrapper .home-row{align-items:flex-start;color:var(--blue);display:flex;flex-wrap:wrap}.home-gallery .wrapper .home-row .home-main{max-width:800px;width:100%}h3.home-text{font-weight:400}.home-gallery .icons{bottom:5%;display:flex;flex-direction:column;gap:40px;list-style:none;position:absolute;right:40px;-webkit-transform:translateY(-50%)!important;transform:translateY(-50%)!important}.home-gallery .icons li a{color:var(--blue);transition:none}.home-gallery .icons li a svg{transition:all .4s}.home-gallery .icons li:hover a{color:var(--gray)}.home-gallery .scroll-to{background:0;display:block;height:40px;margin:30px auto 20px;width:25px}.home-gallery .scroll-to .scroll-to-icon{border-radius:25px;box-shadow:inset 0 0 0 2px var(--blue);cursor:pointer;height:40px;position:static;transition:all .25s;width:25px}.home-gallery .scroll-to .scroll-to-icon:hover{box-shadow:inset 0 0 0 2px var(--gray)}.home-gallery .scroll-to .scroll-to-icon:hover:after{background-color:var(--gray)}.home-gallery .scroll-to .scroll-to-icon:after{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll;background:var(--blue);border-radius:2px;content:"";height:7px;margin-left:10px;position:absolute;top:10px;transition:all .25s;width:4px}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(14px);transform:translateY(14px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}50%{opacity:1;-webkit-transform:translateY(14px);transform:translateY(14px)}}@media (max-width:991px) and (min-width:620px){.home-gallery .wrapper .home-row .home-main h1{font-size:200%}.home-gallery .wrapper .home-row .home-main{max-width:420px}.home-gallery .wrapper{bottom:0}.home-gallery .name-logo{left:65%;top:55%}.home-gallery .name-logo svg{width:320px}}@media (max-width:767px){section.home-gallery{height:calc(var(--app-height) - 84px)}}@media (max-width:620px){.home-gallery .name-logo{top:28%;width:90%}.home-gallery .name-logo svg{width:100%}.home-gallery .icons{display:none}.home-gallery .wrapper{padding:0 20px}.home-gallery .wrapper .home-row .home-main h1{max-width:100%}.home-gallery .wrapper .home-row .home-main h3.home-text{max-width:95%}nav.links{margin-top:10px}.home-gallery .scroll-to{display:none}}@media (max-width:380px){.home-gallery .name-logo{top:23%;width:90%}.home-gallery .wrapper{bottom:10px}}.projects{padding-top:120px;z-index:5}.projects .headline h2{font-size:360%;line-height:1;margin-top:15px;padding:1px 0 4px}.projects .list{margin-top:100px}.projects .list .project{display:flex;height:450px;margin:130px 0;width:100%}.projects .list .project:nth-child(2n){direction:rtl}.projects .list .project .project-image{box-shadow:0 5px 70px 30px rgba(0,0,0,.1);width:50%}.projects .list .project .project-image:after{background:rgba(15,20,30,.95);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s .3s;width:0;z-index:0}.projects .list .project .project-image:hover:after{transition:all .5s .3s;width:100%}.projects .list .project .project-image-container{height:100%;overflow:hidden}.projects .list .project-image .project-image-container img{height:100%;object-fit:cover;object-position:center 50%;transition:all .5s}.projects .list .project2 .project-image .project-image-container img{object-position:25% 50%}.projects .list .project6 .project-image .project-image-container img{object-position:center 80%}.projects .list .project .project-image:hover .project-image-container img{-webkit-transform:scale(1.03);transform:scale(1.03)}.projects .list .project .project-text{color:var(--blue);max-width:500px;padding:50px 0 0 130px;width:50%;z-index:1}.projects .list .project:nth-child(2n) .project-text{direction:ltr;padding:50px 130px 0 0}.projects .list .project .project-text h5{color:var(--blue)}.projects .list .project .project-text h2{font-size:160%;line-height:40px}.projects .list .project .project-text p{color:var(--blue);font-size:90%;font-weight:400;line-height:25px;padding:5px 0}.projects .list .project .project-text .stack{font-weight:800}.projects .list .project .project-text .project-btn{align-items:center;color:inherit;display:flex;font-size:80%;gap:10px;text-decoration:none;top:3rem}.projects .list .project .project-text .project-btn:hover{color:#006400;transition:all .5s}.projects .list .project .project-text .project-btn span{border-bottom:1px solid;line-height:1.1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects .list .project .project-image .image-number{color:#97efff;font-size:1000%;font-weight:800;left:-30px;line-height:.8;opacity:0;pointer-events:none;position:absolute;top:-20px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .5s;z-index:2}.projects .list .project:nth-child(2n) .project-image .image-number{left:auto;right:-30px}.projects .list .project .project-image:hover .image-number{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.projects .list .project .project-image .visit-demo-button{align-items:center;background-color:var(--white);border-radius:4px;color:var(--blue);display:flex;font-size:90%;font-weight:600;gap:10px;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;white-space:nowrap;z-index:3}.projects .list .project .project-image:hover .visit-demo-button{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.projects .list .project .project-image .visit-demo-button .icon-size{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.projects .list .project .project-image:hover .visit-demo-button .icon-size{-webkit-transform:translateX(4px);transform:translateX(4px)}@media (max-width:1280px){.projects .list .project{height:400px;margin:100px 0}.projects .list .project .project-image{width:50%}.projects .list .project .project-image .image-number{font-size:700%}.projects .list .project .project-text{padding:10px 0 0 50px;width:50%}.projects .list .project:nth-child(2n) .project-text{padding:10px 50px 0 0}}@media (min-width:768px) and (max-width:1024px){.projects .list .project{height:300px}}@media (max-width:767px){.projects{padding-top:80px}.projects .headline h2{font-size:160%;line-height:1.2;margin-top:0}.projects .list{align-items:center;flex-direction:column;flex-wrap:nowrap;margin:65px 0 30px}.projects .list .project{align-items:center;flex-direction:column;height:100%;margin:0 0 80px;width:100%}.projects .list .project .project-text{padding:20px 20px 0 0;width:100%}.projects .list .project .project-text h2{font-size:140%}.projects .list .project .project-text .stack{font-size:80%}.projects .list .project .project-text .project-btn{position:static}.projects .list .project .project-text h5{padding:0}.projects .list .project .project-image{box-shadow:0 5px 50px 10px rgba(0,0,0,.2);width:100%}.projects .list .project-image .project-image-container img{height:260px;-webkit-transform:scale(1.03);transform:scale(1.03)}.projects .list .project2 .project-image .project-image-container img{object-position:18% 50%}.projects .list .project .project-image .image-number{font-size:500%;left:-10px;top:-10px}.projects .list .project:nth-child(2n) .project-image .image-number{left:auto;right:-10px}}.content-page{display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.home-loader{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.home-loader,.home-loader:after{height:100%;left:0;overflow:hidden;top:0;width:100vw}.home-loader:after{-webkit-animation:TopTransition 5s;animation:TopTransition 5s;background:var(--blue);content:"";position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}@-webkit-keyframes TopTransition{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}17%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(0);transform:translateY(0)}32%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes TopTransition{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}17%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(0);transform:translateY(0)}32%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}75%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.home-loader .bounce-icon{-webkit-animation:ballmove 2.6s;animation:ballmove 2.6s;display:inline-flex;transition:all .4s}.loader-text{-webkit-animation:textmove 2.4s;animation:textmove 2.4s;bottom:50px;left:60px;opacity:0;position:absolute;text-align:left;width:100%}@-webkit-keyframes ballmove{0%{opacity:0}50%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes ballmove{0%{opacity:0}50%{opacity:1}60%{opacity:0}to{opacity:0}}@-webkit-keyframes textmove{0%{opacity:0}50%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes textmove{0%{opacity:0}50%{opacity:1}60%{opacity:0}to{opacity:0}}.loader-text h5{color:var(--loaderText);font-size:80%;font-weight:400;letter-spacing:5px;padding-bottom:8px;padding-top:5px;text-transform:uppercase}.loader-text h1{color:var(--loaderText);font-size:360%;margin-top:15px;padding-bottom:4px;padding-top:1px}@media (max-width:767px){.loader-text{bottom:40px;left:20px;position:absolute}.loader-text h1{font-size:160%;margin-top:5px}}.header{align-items:center;background:var(--white);border-bottom:1px solid var(--blue);display:flex;justify-content:space-between;left:0;padding:20px 40px;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;transition:opacity .4s,color .2s;width:100%;z-index:1000}.header .logo{cursor:pointer;max-height:70px;max-width:95px;pointer-events:auto;z-index:130}.header .logo svg{fill:var(--blue);height:100%;transition:all .3s;width:100%}.header .menu .logo{left:40px;margin:0;position:fixed;top:26px}.header .menu .logo svg{fill:var(--white);opacity:.35}.header .menu .logo:hover svg{opacity:1}.header .hamburger{align-items:center;cursor:pointer;display:flex;gap:15px;justify-content:space-between;pointer-events:auto;text-transform:uppercase;transition:all .3s;z-index:200}.header>.hamburger{z-index:130}.header .menu .hamburger{position:fixed;right:40px;top:40px}.header .menu .hamburger>span{color:var(--gray);letter-spacing:.2em}.header .menu .hamburger:hover>span{color:var(--white)}.header .hamburger>span{color:var(--blue);font-size:70%;font-weight:800;letter-spacing:.2em;transition:all .3s}.header .hamburger:not(.open):hover>span{color:var(--gray);transition:all .3s}.header .hamburger:not(.open):hover .bar{background:var(--gray);margin:8px auto}.header .hamburger .bar{background:var(--blue);border-radius:10px;display:block;height:3px;margin:5px auto;transition:all .2s;width:28px}.header .menu.active .hamburger .bar:nth-child(2){opacity:0}.header .menu.active .hamburger .bar:first-child{background:var(--gray);-webkit-transform:translateY(5px) rotate(45deg);transform:translateY(5px) rotate(45deg)}.header .menu.active .hamburger .bar:nth-child(3){background:var(--gray);-webkit-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}.header .menu.active .hamburger div{margin-top:8px;-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg);transition:all .25s}.header .menu .hamburger.open:hover div{-webkit-transform:translate(-3px,-3px) rotate(90deg);transform:translate(-3px,-3px) rotate(90deg);transition:all .25s}.header .menu.active .hamburger.open:hover .bar{background:var(--white)}.header .menu{align-items:center;background:var(--blue);cursor:auto;display:flex;flex-direction:column;height:0;justify-content:center;left:0;list-style:none;pointer-events:all;position:fixed;text-align:center;top:0;transition:all .55s;width:100%;z-index:150}.header .menu.active{bottom:0;height:100%;top:auto}.header .menu>*{opacity:0;pointer-events:none}.header .menu.active>*{opacity:1;pointer-events:auto;transition-delay:.55s}.header .menu:after{background:var(--blue);content:"";height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.header .menu li{color:var(--gray);cursor:pointer;font-family:Helvetica Now Display;font-size:100%;font-weight:800;margin:6px 0;opacity:0;position:static;text-decoration:none;transition:opacity .4s,color .2s}.header .menu li>a{color:inherit}.header .menu.active li{opacity:1}.header .menu li:nth-child(2),.header .menu li:nth-child(3),.header .menu li:nth-child(4),.header .menu li:nth-child(5),.header .menu li:nth-child(6),.header .menu li:nth-child(7){margin-right:180px;transition:margin .2s,opacity .2s;transition-delay:0s}.header .menu.active li:nth-child(2),.header .menu.active li:nth-child(3),.header .menu.active li:nth-child(4),.header .menu.active li:nth-child(5),.header .menu.active li:nth-child(6),.header .menu.active li:nth-child(7){margin-right:0;transition:margin .4s,opacity .4s;transition-delay:.25s}.header .menu.active li:nth-child(3){transition-delay:.3s}.header .menu.active li:nth-child(4){transition-delay:.35s}.header .menu.active li:nth-child(5){transition-delay:.4s}.header .menu.active li:nth-child(6){transition-delay:.45s}.header .menu.active li:nth-child(7){transition-delay:.5s}.header .menu li:nth-child(2):hover:before,.header .menu li:nth-child(3):hover:before,.header .menu li:nth-child(4):hover:before,.header .menu li:nth-child(5):hover:before{opacity:.08}.header .menu li:nth-child(2):before,.header .menu li:nth-child(3):before,.header .menu li:nth-child(4):before,.header .menu li:nth-child(5):before{background-position:top;background-repeat:no-repeat;background-size:cover;content:"";-webkit-filter:blur(2px);filter:blur(2px);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .4s;width:100%;z-index:-1}.header .menu li:nth-child(2):before{background-image:url(/static/media/home-image.81b9d2780162273ab3c9.jpg);background-position:100% 15%;-webkit-filter:blur(3px);filter:blur(3px)}.header .menu li:nth-child(3):before{background-image:url(/static/media/portfolio2.b64931f41dce8fbb775c.jpg);-webkit-filter:blur(3px);filter:blur(3px)}.header .menu li:nth-child(4):before{background-image:url(/static/media/resume-image.ceaf83b4890011bb3ca0.png);-webkit-filter:blur(3px);filter:blur(3px)}.header .menu li:nth-child(5):before{background-image:url(/static/media/github.a0662e801d0ff2de7cbf.png);-webkit-filter:blur(3px);filter:blur(3px)}.header .menu li:nth-child(6):before{background-image:url(/static/media/linkedin.6b3855c9552788325b77.jfif);-webkit-filter:blur(3px);filter:blur(3px)}.header .menu li:hover{color:var(--white)}#dark .header .menu li:hover{color:var(--blueColor)}.header .menu li span{font-size:360%;position:relative;transition:color .4s}.header .menu li span:after,.header .menu li span:before{background-color:var(--gray);bottom:-5px;content:"";height:6px;position:absolute;right:0;transition:all .35s cubic-bezier(.694,.048,.335,1) .25s;width:0;z-index:1}.header .menu li span:after{background-color:var(--white);transition:all .35s cubic-bezier(.694,.048,.335,1)}#dark .header .menu li span:after{background-color:var(--blueColor)}.header .menu li>a.active{color:var(--white)}#dark .header .menu li>a.active{color:var(--blueColor)}.header .menu li>a.active span:after{width:100%}@media (max-width:991px){.header .menu li:nth-child(2):before{background-position:80% 0;background-size:180%}}@media (min-width:768px){.header .menu li span:hover:after,.header .menu li span:hover:before,.header .menu li.section-link.active span:after{left:0;width:100%}}@media (max-width:767px){.header{padding:20px}.header .hamburger>span{display:none}.header .logo{max-width:60px}.header .menu .hamburger{right:20px;top:22px}.header .menu .logo{left:20px;top:22px}.header .menu li span{font-size:180%}.header .menu li{margin:12px 0}}#footer{width:100%}.footer-row{border-top:1px solid #8a8a8a;display:flex;flex-direction:row;flex-wrap:wrap;padding:75px 0 105px}footer#footer .footer-row>div{display:flex;flex-direction:column;width:25%}footer#footer .footer-row h3{margin:0}footer#footer .contact-info p{line-height:25px;padding-right:0;width:100%}footer#footer ul{line-height:25px;margin-top:10px;padding-bottom:3px;padding-top:2px}footer#footer ul>li{align-items:center;color:#878a8f;display:flex;font-size:80%;font-weight:500;gap:8px;line-height:25px;list-style-type:none;width:100%}footer#footer ul>li .email-icon,footer#footer ul>li .phone-icon{color:var(--blue);flex-shrink:0;font-size:18px}footer#footer .latest-projects h3{align-items:center;display:flex;gap:8px}footer#footer .latest-projects h3 .featured-icon{color:var(--blue);flex-shrink:0;font-size:20px}footer#footer .projects-links a{align-items:center;display:flex;gap:8px}footer#footer .projects-links .link-icon{align-items:center;color:var(--blue);display:inline-flex;font-size:14px;opacity:.7;transition:opacity .3s ease}footer#footer .projects-links a:hover .link-icon{opacity:1}footer#footer ul>li span{color:var(--blue)}footer#footer h3+p{font-size:80%;margin-top:10px}footer#footer .footer-row .footer-logo{align-items:center;width:50%}footer#footer .footer-row .footer-logo a{cursor:pointer;display:inline-flex;max-width:200px}footer#footer .footer-row .footer-logo a svg{fill:var(--blue);height:100%;transition:all .3s;width:100%}footer#footer .footer-row .latest-projects{align-items:flex-end;display:flex}footer#footer .footer-row .copyright{width:100%}@media (max-width:1024px){footer#footer .footer-row .footer-logo a{max-width:160px}footer#footer .footer-row .footer-logo,footer#footer .footer-row>div{width:33.33%}}@media (max-width:767px){footer#footer .footer-row h3 br{display:none}.footer-row{display:flex;flex-direction:column;padding:45px 0 35px}footer#footer .footer-row>div{padding-bottom:20px;width:100%!important}footer#footer .footer-row .latest-projects{align-items:flex-start;order:3}footer#footer .footer-row .contact-info{order:2}footer#footer .footer-row .footer-logo{order:1}}.about{height:100%;padding-top:50px}.about-text{text-align:center}.about-text h2{max-width:1100px}.about-text h3{font-weight:400;margin:0 auto;max-width:800px}.about-skills{padding:180px 0}.about-skills .wrapper{display:flex;justify-content:space-around}.about-skills .wrapper>div{align-items:center;display:flex;flex-direction:column;max-width:33%;text-align:center}.about-skills .wrapper>div h3 em{color:#cfd0d2;font-style:normal;font-weight:500;margin:0 15px}.about-skills .wrapper>div h3{margin-top:5px}.about-experience{padding:180px 0}.about-experience .wrapper{margin:0 auto;max-width:1100px}.about-experience h5{margin-bottom:80px;text-align:center}.about-experience .experience-item{margin-bottom:80px}.about-experience .experience-item:last-child{margin-bottom:0}.about-experience .experience-header{margin-bottom:30px}.about-experience .experience-header h3{font-size:150%;font-weight:600;margin-bottom:10px}.about-experience .experience-header h4{color:var(--gray);font-size:120%;font-weight:500;margin-bottom:8px}.about-experience .experience-date{color:var(--gray);font-size:90%;font-weight:400}.about-experience .experience-details{list-style:none;margin:0;padding:0}.about-experience .experience-details li{line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.about-experience .experience-details li:before{color:var(--blue);content:"•";font-size:120%;font-weight:700;left:0;position:absolute}.about-experience .experience-details li:last-child{margin-bottom:0}.contact{padding-bottom:140px}.contact .wrapper{display:flex;justify-content:space-between}.contact .contact-headline{width:37%}.contact .contact-form{margin-left:115px;width:63%}.contact .contact-form .row{display:flex;flex-wrap:wrap;margin:45px 0 0}.contact .contact-form .row .input-wrapper{padding:0 15px;width:50%}.contact .contact-form .textarea-row .input-wrapper{display:flex;flex-direction:column;width:100%}.contact .contact-form .row input,.contact .contact-form .row textarea{background:var(--white);border:solid #dcdcdc;border-width:0 0 1px;color:var(--blue);font-family:Helvetica Now Display;font-size:90%;font-weight:500;height:45px;padding:8px 0 6px;width:100%}.contact .contact-form .textarea-row textarea{background-color:#ececec;height:145px;padding:1.2rem}.contact .contact-form .row label{color:var(--gray);cursor:text;display:block;font-size:75%;letter-spacing:.03em;padding-bottom:4px}.contact .contact-form .row input::-webkit-input-placeholder,.contact .contact-form .row textarea::-webkit-input-placeholder{color:var(--blue)}.contact .contact-form .row input::placeholder,.contact .contact-form .row textarea::placeholder{color:var(--blue)}.contact .contact-form .row input:focus,.contact .contact-form .row input:hover,.contact .contact-form .row textarea:focus,.contact .contact-form .row textarea:hover{outline:none}.contact .contact-form .row span.input-bottom-line{background:var(--blue);bottom:0;display:block;height:1px;left:15px;position:absolute;transition:.6s;width:0}#dark .contact .contact-form .row span.input-bottom-line{background:var(--grayColor)}.contact .contact-form .row input:focus+span.input-bottom-line,.contact .contact-form .row input:hover+span.input-bottom-line,.contact .contact-form .row textarea:focus+span.input-bottom-line,.contact .contact-form .row textarea:hover+span.input-bottom-line{width:calc(100% - 30px)}.contact .contact-form .submit-button{align-items:center;display:flex;margin:1rem 32px 40px auto;padding:0 0 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact .contact-form .submit-button .send-icon{color:var(--blue);flex-shrink:0;font-size:18px;margin-left:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.contact .contact-form .email-notification{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;border-radius:4px;bottom:4rem;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:90%;font-weight:500;min-width:300px;padding:12px 20px;position:fixed;right:4rem;text-align:center;z-index:10000}.contact .contact-form .email-notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.contact .contact-form .email-notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:767px){.contact .contact-form .email-notification{left:20px;min-width:auto;right:20px;top:20px}}.contact .contact-form .submit-button input{-webkit-text-fill-color:transparent;background:transparent;-webkit-background-clip:text;background-position:100%;background-size:200% 100%;border:none;cursor:pointer;font-family:inherit;font-size:90%;font-weight:700;height:100%;padding:1px 0 4px;transition:all .4s ease-in-out}#light .contact .contact-form .submit-button input{background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#161e30 0)}#dark .contact .contact-form .submit-button input{background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#fff 0)}.contact .contact-form .submit-button:after{background:var(--blue);bottom:0;content:"";cursor:pointer;height:2px;left:0;position:absolute;transition:all .4s;width:100%}.contact .contact-form .submit-button:hover input{background-position:0}.contact .contact-form .submit-button:before{background-color:var(--gray);bottom:0;content:"";cursor:pointer;height:2px;left:0;pointer-events:none;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%;z-index:1}.contact .contact-form .submit-button:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.about-loader{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.about-loader,.about-loader:after{height:100%;left:0;overflow:hidden;top:0;width:100vw}.about-loader:after{-webkit-animation:LeftTransition 5s;animation:LeftTransition 5s;background:var(--blue);content:"";position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}.about-loader .bounce-icon{-webkit-animation:ballmove 2.6s;animation:ballmove 2.6s;display:inline-flex;transition:all .4s}@media (max-width:1600px) and (min-width:1024px){.about-text h2{font-size:180%;max-width:900px}.about-skills{padding:100px 0}.contact{padding-bottom:75px}.about-skills .wrapper>div h3,.about-text h3{font-size:100%}.contact .contact-headline h2{font-size:180%}}@media (max-width:767px){.about{padding-top:40px}.about-text{text-align:left}.about-text h2{margin-top:10px}.about-skills{padding:65px 0}.about-skills .wrapper{display:flex;flex-direction:column}.about-skills .wrapper>div{align-items:flex-start;max-width:100%;text-align:left}.about-skills .wrapper .soft-skills{padding-bottom:65px}.about-skills .wrapper>div h3 em{margin:0 10px}.about-experience{padding:65px 0}.about-experience h5{margin-bottom:40px;text-align:left}.about-experience .experience-item{margin-bottom:50px}.about-experience .experience-header h3{font-size:130%}.about-experience .experience-header h4{font-size:110%}.about-experience .experience-details li{font-size:90%;margin-bottom:12px}.contact{padding-bottom:20px}.contact .wrapper{align-items:flex-start;display:flex;flex-direction:column}.contact .contact-headline{width:100%}.contact .contact-form{margin:0;width:100%}.contact .contact-form .row{margin:0}.contact .contact-form .row .input-wrapper{margin-bottom:30px;padding:0;width:100%}.contact .contact-form .row input:focus+span.input-bottom-line,.contact .contact-form .row input:hover+span.input-bottom-line,.contact .contact-form .row textarea:focus+span.input-bottom-line,.contact .contact-form .row textarea:hover+span.input-bottom-line{width:100%}.contact .contact-form .row span.input-bottom-line{left:0}}.progress-bar{height:8px;left:0;position:fixed;right:0;top:0;-webkit-transform-origin:0;transform-origin:0;z-index:1000000}#tesla .progress-bar{background:var(--tesla)}.project-page .header{opacity:1!important}.container{margin:60px auto;max-width:1070px;padding:0 40px;width:100%}.text-container-1{max-width:430px}.text-container-2{max-width:480px}.text-container-3{max-width:550px}.text-container-4{max-width:700px}.bold-text{font-weight:600}.project-page .main-img{align-items:center;align-items:flex-end;border-bottom:1px solid #000;display:flex;height:430px;justify-content:center;overflow:hidden}#dark .project-page .main-img{border-bottom:1px solid var(--blue)}.project-page #tesla .main-img{background:var(--tesla)}#dark .project-page #tesla .main-img{background:var(--white)}.project-page .main-img>div{display:inline-flex;height:100%;max-width:400px}.project-page #tesla .main-img>div{align-items:center}.project-page .main-img img{cursor:grab;height:auto;object-fit:contain}.project-page h3{font-size:100%;margin-top:0;text-transform:uppercase}.summery-text-container{grid-column-gap:80px;grid-row-gap:40px;-webkit-column-gap:80px;column-gap:80px;display:grid;grid-template-columns:1fr 1fr;row-gap:40px}.summery-text-container .titles{grid-column:1/3}.summery-text-container .titles h1{font-size:280%;line-height:1.6;margin:0 0 15px}.summery-text-container .titles>a{align-items:center;color:inherit;color:var(--blue);display:flex;font-size:100%;gap:10px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.summery-text-container .titles>a span{border-bottom:1px solid;line-height:1.1}.summery-text-container .titles h4{font-size:100%;font-weight:400}.summery-text-container .text-block h3{margin-bottom:24px}.another-project-btn-section .btn-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:50px auto 32px}.another-project-btn-section .btn{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#161e30 0);background-position:100%;background-size:200% 100%;display:inline-block;font-size:160%;font-weight:600;justify-content:flex-start;line-height:1.4em;margin:0 20px;padding:1px 0 4px;transition:all .4s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#dark .another-project-btn-section .btn{background-image:linear-gradient(90deg,#878a8f,#878a8f 50%,#fff 0)}.another-project-btn-section .btn:hover{background-position:0}.another-project-btn-section .btn:after{background:var(--blue);transition:all .4s}.another-project-btn-section .btn:after,.another-project-btn-section .btn:before{bottom:0;content:"";cursor:pointer;height:2px;left:0;position:absolute;width:100%}.another-project-btn-section .btn:before{background-color:var(--gray);pointer-events:none;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:1}.another-project-btn-section .btn:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.centered-text{text-align:center!important}.margin-top{margin-top:60px}.margin-both{margin:60px 0}.text-with-margin{margin-bottom:24px}.content-divider{background:#8a8a8a;height:1px;margin:72px auto;width:72px}.project-page section ul{-webkit-padding-start:24px;margin:0;padding:0;padding-inline-start:24px}@media (max-width:1600px) and (min-width:767px){.project-page .main-img{height:300px}.summery-text-container .titles h1{font-size:220%}.container{margin:40px auto}.margin-top{margin-top:40px}.margin-both{margin:40px 0}.another-project-btn-section .btn-container{margin:40px auto 45px}}@media (max-width:767px){.container{margin:30px auto;padding:0 20px}.project-page>section{margin-top:0}.project-page .main-img>div span{bottom:10px;font-size:70%;height:35px;right:-40px;width:180px}.project-page .main-img{height:230px;padding-top:0}.project-page #tesla .main-img>div{max-width:200px}.summery-text-container{-webkit-column-gap:normal;-webkit-column-gap:initial;column-gap:normal;display:flex;flex-direction:column;row-gap:24px}.summery-text-container .titles h1{font-size:180%;line-height:1.1;margin:0 0 10px}.summery-text-container .titles>a{font-size:90%}.summery-text-container .text-block h3{margin-bottom:8px}.project-page h3{font-size:90%}.margin-top{margin-top:30px}.content-divider{margin:40px auto}.margin-both{margin:30px 0}.another-project-btn-section p.centered-text{padding:0 20px}.another-project-btn-section .btn-container{align-items:center;flex-direction:column-reverse;margin:30px auto 45px}}.not-found-container{align-items:center;background-color:var(--white);display:flex;height:100vh;justify-content:center;width:100vw}.not-found-content{max-width:600px;padding:40px;text-align:center}.not-found-content h1{color:var(--blue);font-size:360%;margin-bottom:20px}.not-found-content p{color:var(--gray);font-size:120%;line-height:1.6;margin-bottom:40px}.not-found-buttons{align-items:center;display:flex;gap:30px;justify-content:center}.not-found-content .home-link{background:none;border:none;color:var(--blue);cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;padding:1px 0 4px;position:relative;text-decoration:none;transition:all .4s ease-in-out}.not-found-content .home-link:after{background:var(--blue);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .4s;width:100%}.not-found-content .home-link:before{background-color:var(--gray);bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%;z-index:1}.not-found-content .home-link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}@media (max-width:767px){.not-found-content{padding:20px}.not-found-content h1{font-size:200%}.not-found-content p{font-size:100%}.not-found-buttons{flex-direction:column;gap:20px}}.linkedin-loader{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.linkedin-loader,.linkedin-loader:after{height:100%;left:0;overflow:hidden;top:0;width:100vw}.linkedin-loader:after{-webkit-animation:LeftTransition 5s;animation:LeftTransition 5s;background:var(--blue);content:"";position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}@-webkit-keyframes LeftTransition{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}17%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(0);transform:translateX(0)}32%{-webkit-transform:translateX(0);transform:translateX(0)}45%{-webkit-transform:translateX(100%);transform:translateX(100%)}75%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes LeftTransition{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}17%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(0);transform:translateX(0)}32%{-webkit-transform:translateX(0);transform:translateX(0)}45%{-webkit-transform:translateX(100%);transform:translateX(100%)}75%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.linkedin-loader .bounce-icon{-webkit-animation:ballmove 2.6s;animation:ballmove 2.6s;display:inline-flex;transition:all .4s}.linkedin-loader .loader-text{margin-left:20px}.linkedin-loader .loader-text h5{color:var(--gray);font-size:70%;font-weight:400;letter-spacing:5px;padding:5px 0 8px;text-transform:uppercase}.linkedin-loader .loader-text h1{color:var(--blue);font-size:360%;margin-top:15px;padding:1px 0 4px}.linkedin-page-container{align-items:center;background-color:var(--white);display:flex;justify-content:center;min-height:80vh;padding:40px;width:100vw}.linkedin-content{max-width:600px;text-align:center}.linkedin-content .linkedin-icon{color:#0077b5;margin-bottom:30px}.linkedin-content h1{color:var(--blue);font-size:360%;margin-bottom:30px}.linkedin-content p{color:var(--gray);font-size:120%;line-height:1.6;margin-bottom:40px}.linkedin-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.linkedin-content .home-link{color:var(--blue);display:inline-block;font-size:100%;padding:1px 0 4px;position:relative;text-decoration:none;transition:all .4s ease-in-out}.linkedin-content .home-link:after{background:var(--blue);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .4s;width:100%}.linkedin-content .home-link:before{background-color:var(--gray);bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:100%;z-index:1}.linkedin-content .home-link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}@media (max-width:767px){.linkedin-page-container{padding:20px}.linkedin-content .linkedin-icon{font-size:60px}.linkedin-content h1{font-size:200%}.linkedin-content p{font-size:100%}}
/*# sourceMappingURL=main.6ba5302c.css.map*/