@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;800&display=swap);.theme-switcher{display:flex;align-items:center;margin:0 auto;width:5.1rem;padding:.5rem;background-color:hsla(0,0%,59%,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.5s}.switch-btn,.theme-switcher{border-radius:100px;border:var(--box-border)}.switch-btn{display:block;width:1.8rem;height:1.8rem;cursor:pointer}.switch-btn i{font-size:16px}.switch-btn.light{background-color:#fff;margin-right:.5rem}.switch-btn.dark{background-color:#0c0c0c}.switch-btn.dark i{color:#eee}.switch-btn input{display:none}@media (max-width:1100px){.theme-switcher{width:4.4rem;padding:.4rem}.switch-btn{width:1.6rem;height:1.6rem}.switch-btn.light{margin-right:.4rem}}.navbar{width:var(--navbar-width);min-width:8rem;padding:1rem;color:#fff;height:300px;min-height:100vh;overflow:auto;position:fixed;top:0;left:0;z-index:5;transition:.5s}.navbar-intro{height:19rem;padding:1rem;background-color:#cfdbf9;background-image:url(/portfolio/img/Noise.8ed534e5.png),radial-gradient(circle farthest-corner at 100% 0,#715fa5,#ada4c4);background-position:0 0,0 0;background-size:400px,auto;background-repeat:repeat,repeat;border-radius:var(--box-border-radius);border:var(--box-border);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--box-shadow)}.navbar-intro-avatar{width:7rem;height:7rem;aspect-ratio:1/1;border-radius:50%;border:5px solid var(--home-color);background:url(/portfolio/img/01.4e2fa9e4.jpeg) 0 0 no-repeat;background-size:cover;transition:all .4s ease}.navbar-intro:hover .navbar-intro-avatar{width:8rem;height:8rem}.navbar-intro-name{font-size:1.4rem;margin:.5rem 0}.navbar-intro-name,.navbar-intro-position{letter-spacing:1px;text-align:center;line-height:110%;text-shadow:0 0 32px 0 rgba(0,0,0,.6)}.navbar-intro-position{color:var(--contact-color)}.nav-menu a{display:flex;align-items:center;width:80%;padding:1.2rem 10%;letter-spacing:.5px;color:var(--default-text-color);text-shadow:var(--regular-text-shadow);background-color:var(--nav-item-bg);background-image:url(/portfolio/img/Noise.8ed534e5.png);border-radius:var(--box-border-radius);border:var(--box-border);margin:0 auto .7rem auto;position:relative;z-index:7;top:-1.5rem;box-shadow:var(--box-shadow);text-decoration:none;overflow:hidden;transition:all .2s ease}.nav-menu a:hover{background-color:var(--nav-item-hover-bg)}.nav-menu a.link-home{color:var(--home-color)}.nav-menu a.link-home,.nav-menu a.link-home:hover{text-shadow:0 0 6px var(--home-color)}.nav-menu a.link-about{color:var(--about-color)}.nav-menu a.link-projects{color:var(--projects-color)}.nav-menu a.link-contact{color:var(--contact-color)}.nav-menu a i{margin-right:1rem;filter:drop-shadow(var(--regular-text-shadow));transition:all .2s ease}.navlink-text{transition:all .3s ease}.arrow-right-figure{width:.6rem;min-width:.6rem;height:.8rem;-webkit-clip-path:polygon(40% 0,100% 50%,40% 100%,30% 85%,70% 50%,30% 15%);clip-path:polygon(40% 0,100% 50%,40% 100%,30% 85%,70% 50%,30% 15%);margin-left:2rem;opacity:0;border:var(--box-border);transition:all .4s ease}.nav-menu a:hover i{transform:translateX(-4rem);opacity:0}.nav-menu a:hover .navlink-text{transform:translateX(-1rem)}.nav-menu a:hover .arrow-right-figure{opacity:1;transform:translateX(-2rem)}@media (max-width:1100px){.navbar-intro-avatar{width:7rem;height:7rem}.navlink-text{display:none}.nav-menu a{justify-content:center}.nav-menu a:hover i{transform:translateX(0);opacity:1}.nav-menu a i{margin-right:0}.arrow-right-figure{display:none}}@media (max-width:840px){.navbar-intro-avatar{width:6rem;height:6rem}.navbar-intro-name{font-size:1.2rem}}@media (max-width:600px){.navbar{display:none}}.navbar.mobile{display:none}@media (max-width:600px){.navbar.mobile{display:block;left:-100%;top:0;width:100%;height:auto;min-height:100vh;max-height:19rem;overflow-y:scroll;padding:0}.navbar.mobile .navbar-content{width:75%;min-height:100vh;padding:2rem 1.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--box-shadow);background-color:var(--navbar-mobile-bg-color);border-right:var(--box-border)}.navbar.mobile .navbar-intro-avatar{width:9rem;height:9rem}.navbar.mobile .nav-menu a{justify-content:flex-start}.navbar.mobile .nav-menu a i{font-size:18px;margin-right:1rem}.navbar.mobile .navlink-text{display:inline-block}}@media (max-width:350px){.navbar.mobile .navbar-intro{height:16rem}.navbar.mobile .navbar-intro-avatar{width:6rem;height:6rem}.navbar.mobile .nav-menu a{padding:.8rem 10%}}.btn{padding:1rem 2rem;background-color:var(--primary-btn-color);border-radius:4px;color:#fff;font-size:inherit;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:var(--box-shadow)}.btn:active{transform:scale(.98)}.btn a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.menu-call-btn{background-color:var(--about-color);position:fixed;z-index:33;top:1.2rem;left:1rem;border-radius:50%;border:var(--box-border);width:3.2rem;height:3.2rem;padding:0;display:none;place-items:center center;background-image:url(/portfolio/img/Noise.8ed534e5.png)}.menu-call-btn .call-btn-img{width:1.6rem;height:1.6rem}.menu-close-btn{background-color:var(--projects-color);position:absolute;top:1rem;right:.5rem;border-radius:50%;border:var(--box-border);width:3.2rem;height:3.2rem;padding:0;display:none;place-items:center center;background-image:url(/portfolio/img/Noise.8ed534e5.png)}.menu-close-btn .call-btn-img{width:2rem;height:2rem;margin-right:.3rem}.btns-wrapper{position:fixed;z-index:30;bottom:1.4rem;right:1.4rem;border-radius:100px;width:4rem;height:4rem;background-color:hsla(0,0%,59%,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:var(--box-border);transition:.5s}.btns-wrapper.extended{height:7.8rem}.modal-call-btn,.scroll-up-btn{position:fixed;bottom:1.8rem;right:1.8rem;border-radius:50%;border:var(--box-border);width:3.2rem;height:3.2rem;padding:0;display:grid;place-items:center center;background-image:url(/portfolio/img/Noise.8ed534e5.png);transition:.5s}.modal-call-btn .call-btn-img{width:1.5rem;height:1.5rem}.modal-call-btn{z-index:33}.scroll-up-btn{z-index:32;background-color:var(--blue)}.scroll-up-btn img{width:1.8rem;height:1.8rem;transform:rotate(90deg)}.scroll-up-btn.visible{bottom:5.6rem}@media (max-width:600px){.menu-call-btn{display:grid;width:3rem;height:3rem}.menu-close-btn{display:grid}.modal-call-btn,.scroll-up-btn{bottom:1.4rem;right:1rem;width:3rem;height:3rem}.scroll-up-btn.visible{bottom:5.2rem}.btns-wrapper{bottom:1rem;right:.6rem;width:3.8rem;height:3.8rem;background-color:hsla(0,0%,39%,.4)}.btns-wrapper.extended{height:7.6rem}}.links-row-set{display:flex;align-items:center}.links-row-item{margin:0 .3rem;opacity:.8}.links-row-item,.links-row-item i{transition:all .2s ease}.links-row-item:hover{transform:scale(1.3);opacity:1;margin:0 .5rem}@media (max-width:1199px){.links-row-item{transform:scale(1.3);opacity:1;margin:0 .5rem}}.footer{min-height:10vh}.footer-text{font-size:.9rem;font-weight:200;color:var(--regular-text-color);text-align:center}.footer .links-row-set{margin:.5rem auto 0 auto;justify-content:center}main{padding:0 0 0 var(--navbar-width);position:relative;z-index:3}section{padding:2rem 1rem;min-height:90vh}.container{width:90%;max-width:1100px;margin:0 auto}.section-heading{font-weight:800;font-size:7rem;text-shadow:var(--section-heading-shadow);margin-bottom:2rem}.section-heading,.section-text{color:var(--regular-text-color)}.section-text{padding:2rem;background-color:var(--section-text-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--box-border-radius);border:var(--box-border);box-shadow:var(--box-shadow);font-size:20px;line-height:160%;font-weight:400;letter-spacing:.5px;margin-bottom:1rem;transition:opacity .2s ease;background-image:url(/portfolio/img/Noise.8ed534e5.png)}.section-text strong{color:var(--default-text-color);font-weight:inherit;font-size:80%;letter-spacing:1px}.section-heading::-moz-selection,.section-text::-moz-selection{background:var(--navbar-bg-color)}.section-heading::selection,.section-text::selection{background:var(--navbar-bg-color)}.menu-call-btn i{font-size:24px}.modal-call-btn i,.scroll-up-btn i{font-size:20px}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-out}@media (max-width:991.98px){.section-heading{font-size:5rem}}@media (max-width:600px){main{padding-left:0}.section-heading{font-size:3rem}.section-text{padding:1rem;font-size:17px}.menu-call-btn{display:grid;width:3rem;height:3rem}.menu-close-btn{display:grid}.modal-call-btn,.scroll-up-btn{bottom:1.4rem;right:1rem;width:3rem;height:3rem}.scroll-up-btn.visible{bottom:5.2rem}.btns-wrapper{bottom:1rem;right:.6rem;width:3.8rem;height:3.8rem;background-color:hsla(0,0%,39%,.4)}.btns-wrapper.extended{height:7.6rem}}.my-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:-5;transition:.2s}.my-modal.active{opacity:1;z-index:55}.my-modal-content{width:90%;max-width:600px;border-radius:var(--box-border-radius);background-color:hsla(0,0%,100%,.25);padding:1rem;min-height:10rem;box-shadow:0 0 32px 0 rgba(0,0,0,.4);background-image:url(/portfolio/img/Noise.8ed534e5.png)}.modal-heading{font-weight:300;text-align:center;text-transform:uppercase;font-size:2rem;letter-spacing:1px;text-shadow:0 0 32px 0 rgba(0,0,0,.6);margin-bottom:1rem}.contact-set,.my-modal-content .contact-wrapper-column{width:100%}.contact-item{display:flex;align-items:center;padding:.8rem 1.6rem;border:1px solid hsla(0,0%,100%,.2);background-color:var(--main-bg-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--box-border-radius);border:var(--box-border);box-shadow:var(--box-shadow);margin-bottom:.3rem;transition:all .2s ease}.contact-item:hover{background-color:var(--contact-item-hover-bg);border:var(--box-border)}.contact-item i{margin-right:1.2rem;font-size:20px;height:auto}@media (max-width:600px){.contact-item{padding:1rem;font-size:.9rem}}@media (max-width:350px){.contact-item{padding:1.5rem .8rem;font-size:.9rem}.contact-item img{margin-right:.5rem}}*{padding:0;margin:0;box-sizing:border-box}:root{--navbar-width:19%;--box-border-radius:6px;--home-color:#9ad487;--about-color:#b09af8;--projects-color:#f8778a;--contact-color:#f1fc8b;--primary-btn-color:#82dd85;--layout-color:#ee7d5b;--js-color:#e6d14c;--vue-color:#42b883;--react-color:#7dc6d6;--blue:#007acc}html.dark{--main-bg-color:#0c0c0c;--main-bg-color-2:#565656;--default-text-color:#fff;--navbar-bg-color:#212121;--navbar-mobile-bg-color:rgba(0,0,0,.8);--nav-item-bg:#2f2f2f;--nav-item-hover-bg:#403f3f;--regular-text-color:#aaa;--regular-text-shadow:0 0 3px #333;--section-heading-bg:#0c0c0c99;--section-heading-shadow:2px 2px 4px rgba(0,0,0,.5);--section-text-bg:rgba(47,47,47,.9);--box-shadow:0 0 32px 0 rgba(0,0,0,.4);--contact-item-hover-bg:#1a1a1a99;--box-border:none;--project-info-bg:linear-gradient(0deg,rgba(8,8,8,.981) 28%,rgba(8,8,8,.844) 62%,rgba(8,8,8,.676) 85%,rgba(8,8,8,.286))}html.light{--main-bg-color:#fff;--main-bg-color-2:#fff;--default-text-color:#1c1c1e;--navbar-bg-color:#f2f2f2;--navbar-mobile-bg-color:hsla(0,0%,78%,.8);--nav-item-bg:#dbdbdb;--nav-item-hover-bg:#dcdce1;--regular-text-color:#5c5c5d;--regular-text-shadow:1px 1.5px 0 #000;--section-heading-bg:transparent;--section-heading-shadow:2px 2px 4px #000;--section-text-bg:#fdfdfd;--box-shadow:none;--contact-item-hover-bg:#e7e4e499;--box-border:1px solid #555;--project-info-bg:hsla(0,0%,7%,.7)}body,html{transition:opacity .2s ease}#app,body,html{background-color:var(--main-bg-color)}#app{min-height:100vh;width:100%;overflow-x:hidden;background:radial-gradient(50% 50% at top center,var(--main-bg-color-2),var(--main-bg-color));background-attachment:fixed;color:var(--default-text-color);font-family:Poppins,sans-serif;position:relative}a{color:inherit;text-decoration:none}body.blocked{overflow-y:hidden}.animated{opacity:0;transform:translateY(5rem);transition:.5s}.fade-in{opacity:1;transform:translateY(0)}.delay-2{transition:.8s}.delay-3{transition:1s}.delay-4{transition:1.2s}.intro-animation-wrapper{background-repeat:no-repeat;width:100%;-webkit-perspective:800;-webkit-perspective-origin:50% 225px;min-height:26rem;overflow:visible}#stage{width:100%;height:2rem;-webkit-transition:-webkit-transform 2s;-webkit-transform-style:preserve-3d}#shape{position:relative;top:5rem;margin:0 auto;-webkit-transform-style:preserve-3d}#shape,.plane{height:12.5rem;width:12.5rem}.plane{position:absolute;border:2px solid #2196f3;-webkit-border-radius:12px;-webkit-box-sizing:border-box;color:#000;background-color:rgba(0,0,0,.99);-webkit-transition:-webkit-transform 2s,opacity 2s;-webkit-backface-visibility:hidden;display:grid;place-items:center center}.plane img{width:60%;height:auto}#shape.backfaces .plane{-webkit-backface-visibility:visible}#shape{-webkit-animation:spin 24s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(-1turn)}}.cube>.one{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) rotateX(90deg) translateZ(100px)}.cube>.two{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) translateZ(100px)}.cube>.three{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) rotateY(90deg) translateZ(100px)}.cube>.four{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) rotateY(180deg) translateZ(100px)}.cube>.five{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) rotateY(-90deg) translateZ(100px)}.cube>.six{opacity:.5;-webkit-transform:scale3d(1.2,1.2,1.2) rotateX(-90deg) translateZ(100px) rotate(180deg)}.ring>.one{-webkit-transform:translateZ(380px)}.ring>.two{-webkit-transform:rotateY(30deg) translateZ(380px)}.ring>.three{-webkit-transform:rotateY(60deg) translateZ(380px)}.ring>.four{-webkit-transform:rotateY(90deg) translateZ(380px)}.ring>.five{-webkit-transform:rotateY(120deg) translateZ(380px)}.ring>.six{-webkit-transform:rotateY(150deg) translateZ(380px)}@media (max-width:400px){.intro-animation-wrapper{min-height:55vh}}.home-section .section-heading{color:var(--home-color)}