.nav[data-v-44802c53]{position:fixed;top:0%;left:0%;padding:30px 20px;width:120px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:90000;background-color:var(--color-page-background);transition:transform .5s ease}.nav__ul[data-v-44802c53]{list-style-type:none;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.nav__logo--img[data-v-44802c53]{width:50px;border-radius:50%;transition:box-shadow .2s ease}.nav__logo--img[data-v-44802c53]:hover{box-shadow:0 10px 25px var(--color-hover)}.nav__links[data-v-44802c53]{color:var(--color-text);font-size:18px;cursor:pointer}.nav__links[data-v-44802c53]:visited,.nav__links[data-v-44802c53]:link{text-decoration:none;font-size:18px;color:var(--color-text);letter-spacing:2px;transition:text-shadow .2s ease}.nav__links[data-v-44802c53]:hover{text-shadow:0 2px 25px var(--color-hover);font-size:bolder}.nav__switch-color[data-v-44802c53]{font-size:24px}@media (max-width: 1200px){.nav[data-v-44802c53]{transform:translate(-100%)}}.nav__slider[data-v-44802c53]{position:fixed;top:10px;left:20px;z-index:999;transform:translate(0);transition:transform .5s ease}.close-active.nav__slider[data-v-44802c53]{transform:translate(102px)}.nav__btn[data-v-44802c53]{position:relative;display:block;cursor:pointer;width:24px;height:24px}.nav__btn .bar[data-v-44802c53]{position:absolute;top:49%;left:3px;width:19px;height:2px;border-radius:5px;background:var(--opp-bg);transition:opacity .3s ease,transform .5s ease}.nav_overlay[data-v-44802c53]{position:fixed;width:100%;height:100%;z-index:998;background:var(--opp-bg)}.nav__btn .bar-one[data-v-44802c53]{transform:translateY(-5px)}.nav__btn .bar-three[data-v-44802c53]{transform:translateY(5px)}.nav__btn.menuactive .bar[data-v-44802c53]{background:var(--color-page-background)}.nav__btn.menuactive .bar-two[data-v-44802c53]{transform:translate(-100%);opacity:0}.nav__btn.menuactive .bar-one[data-v-44802c53]{transform:translate(0) rotate(45deg)}.nav__btn.menuactive .bar-three[data-v-44802c53]{transform:translate(0) rotate(-45deg)}.darkBtn[data-v-44802c53]{width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer}.darkBtn svg[data-v-44802c53]{width:100%;height:auto}.disabled[data-v-44802c53]{opacity:.5;pointer-events:none}.nav__links.activelink[data-v-44802c53]{text-decoration:underline}.hero{background-color:var(--color-page-background);z-index:12;opacity:1;overflow:hidden}.hero-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.particles-js-canvas-el{position:absolute;width:100%;height:100%;z-index:1}.content-wrap{position:relative;z-index:2}.greet__text{display:block;text-align:center;letter-spacing:15px;margin-bottom:50px;font-size:100px;color:var(--color-text);transition:text-shadow 1s ease}.greet__text:hover{text-shadow:0px 5px 15px #9aeffe}@media (max-width: 620px){.greet__text{font-size:60px;margin-bottom:30px}}@media (max-width: 400px){.greet__text{font-size:45px;margin-bottom:5px}}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hero__heading{font-size:50px;cursor:pointer}.intro__text{display:inline-block;font-weight:200}.intro__text:hover{transform:scale(1.2)}@media (max-width: 400px){.intro__text{font-size:30px}}.intro__text--2{display:inline-block;font-size:40px;font-weight:bolder;font-weight:400}.intro__text--2:hover{transform:scale(1.3)}@media (max-width: 400px){.intro__text--2{font-size:24px}}.hero__text--hide{display:inline-block;cursor:pointer}@media (max-width: 620px){.space{display:none}.hero__text--hide{display:block}}@media (max-width: 400px){.intro__text--2--block{display:block}.space-2{display:none}}.hero__heading--2{margin-top:20px}.tk-blob{animation:blob-turn var(--time, 30s) linear infinite;fill:var(--fill, #7600f8);position:relative;transform-origin:center}.tk-blob svg{animation:blob-skew calc(var(--time, 30s) * .5) linear 0s infinite;transform-origin:center}.tk-blob svg path{animation:blob-scale calc(var(--time, 30s) * .5) ease-in-out 0s infinite;transform-origin:center}@keyframes blob-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob-skew{0%{transform:skewY(0)}13%{transform:skewY(calc((1.8deg) * var(--amount, 2)))}18%{transform:skewY(calc((2.2deg) * var(--amount, 2)))}24%{transform:skewY(calc((2.48deg) * var(--amount, 2)))}25%{transform:skewY(calc((2.5deg) * var(--amount, 2)))}26%{transform:skewY(calc((2.48deg) * var(--amount, 2)))}32%{transform:skewY(calc((2.2deg) * var(--amount, 2)))}37%{transform:skewY(calc((1.8deg) * var(--amount, 2)))}50%{transform:skewY(0)}63%{transform:skewY(calc((-1.8deg) * var(--amount, 2)))}68%{transform:skewY(calc((-2.2deg) * var(--amount, 2)))}74%{transform:skewY(calc((-2.48deg) * var(--amount, 2)))}75%{transform:skewY(calc((-2.5deg) * var(--amount, 2)))}76%{transform:skewY(calc((-2.48deg) * var(--amount, 2)))}82%{transform:skewY(calc((-2.2deg) * var(--amount, 2)))}87%{transform:skewY(calc((-1.8deg) * var(--amount, 2)))}to{transform:skewY(0)}}@keyframes blob-scale{0%{transform:scaleX(.9) scaleY(1)}25%{transform:scaleX(.9) scaleY(.9)}50%{transform:scaleX(1) scaleY(.9)}75%{transform:scaleX(.9) scaleY(.9)}to{transform:scaleX(.9) scaleY(1)}}.blob-1{position:absolute;right:10%;top:2%;opacity:.2;width:100px;filter:blur(15px)}.blob-2{position:absolute;left:10%;bottom:50%;opacity:.4;width:200px;filter:blur(25px)}.blob-3{position:absolute;right:27%;bottom:6%;opacity:.4;width:100px;filter:blur(15px)}.blob-4{position:absolute;right:37%;bottom:50px;opacity:.4;width:300px;filter:blur(50px)}.blob-5{position:absolute;left:27%;top:50px;opacity:.2;width:400px;filter:blur(50px)}.blob-6{position:absolute;right:-5%;top:20%;opacity:.2;width:500px;filter:blur(80px)}@media (max-width: 820px){.blob-1,.blob-2,.blob-3,.blob-4,.blob-5,.blob-6{display:none}}.work__container{width:100%;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:95px 50px;padding:0 16px 50px}@media (max-width: 620px){.work__container{gap:150px 50px}}.work__card{width:200px;height:300px;border-radius:10px;transition:box-shadow .2s ease;position:relative;box-shadow:0 10px 25px var(--color-box-shadow-steady)}.work__card--span-1{opacity:0;position:absolute;top:-24px;transition:all .2s linear;font-size:15px;font-weight:700;text-decoration:underline;color:var(--color-text--light)}.work__card--span-2{position:absolute;opacity:0;top:10%;left:-24%;transition:all .2s linear;font-size:15px;transform:rotate(-90deg) translate(-20%);color:var(--color-text--light)}.word__card--cta-wrap{position:absolute;bottom:20px;left:0;width:100%;padding:0 10px;opacity:0}.work__card__btn{cursor:pointer;display:block;background-color:#000;padding:5px 0;border-radius:5px;color:#fff;transition:all .2s linear;margin:10px 0;border:3px solid transparent;text-align:center;text-decoration:none}.work__card__btn:hover{border-color:#0ff}.work__card--desc{position:absolute;bottom:-4%;opacity:0;transition:all .2s ease;font-size:15px;color:var(--color-text--light)}.work__card:hover{box-shadow:0 5px 10px var(--color-box-shadow-steady)}.work__card:hover .work__card--span-1{opacity:1}.work__card:hover .work__card--span-2{opacity:1;transform:rotate(-90deg) translate(-20%,-80%)}.work__card:hover .word__card--cta-wrap{opacity:1}.work__card:hover .work__card--container{filter:blur(2px)}.work__card:hover .work__card--desc{transform:translateY(100%);opacity:1}@media (hover: none){.work__card .work__card--span-1{opacity:1}.work__card .work__card--span-2{opacity:1;transform:rotate(-90deg) translate(-20%,-80%)}.word__card--cta-wrap{opacity:1}.work__card .work__card--container{filter:blur(2px)}.work__card .work__card--desc{transform:translateY(100%);opacity:1}}.work__card--img{width:100%;border-radius:10px}.work__card--todo{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;border-radius:10px;overflow:hidden}.work__card--container{width:100%;height:100%}.codepen{padding:0 10px}.swiper{width:100%;max-width:80%;min-height:480px}.swiper-container{display:flex}.swiper-wrapper{margin-left:auto;margin-right:auto}.about__img{width:300px;height:300px;border-radius:50%;background-image:url(/assets/pxArt-6872fef7.webp);background-color:#000;background-position:center;background-size:cover;transition:background-image .2s ease,box-shadow .2s ease}.logo-container{width:100%;max-width:350px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin:0 auto}@media (hover: none){.about__img{background-image:url(/assets/about-163f0f41.webp);box-shadow:0 10px 20px var(--color-box-shadow-steady)}}.about__img:hover{background-image:url(/assets/about-163f0f41.webp);box-shadow:0 10px 20px var(--color-box-shadow-steady)}@media (max-width: 400px){.about__img{width:250px;height:250px}.logo-container{margin:0 -30px 0 auto}}.about__container{padding:20px 40px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 1060px){.about__container{flex-direction:column;gap:50px}}.about__desc{padding:0 10px}.about__desc--fn{color:#c477da;transition:opacity .3s ease}.about__desc--fn-name{color:#56b6c2;transition:opacity .3s ease}.about__desc--brackets{color:#dc6a73;transition:opacity .3s ease}.about__desc--text{color:gold;transition:color .3s ease}.about__desc--skill{background-color:var(--color-page-background);transform:translateY(25%);display:inline-block;width:50px;cursor:pointer}.about__desc--skill svg{width:100%;height:auto}.about__desc--para:hover .about__desc--fn,.about__desc--para:hover .about__desc--fn-name,.about__desc--para:hover .about__desc--brackets{opacity:0}.about__desc--para:hover .about__desc--text{color:var(--color-text)}.about__contact{text-align:center}.about__send--btn{margin-top:20px;padding:20px 30px;border-radius:10px;letter-spacing:5px;transition:background-color .3s ease;background-color:var(--color-text--light);color:var(--color-page-background)}.about__send--btn:hover{background-color:#7fff00;color:#000;box-shadow:0 2px 10px #0000003d}.section-form{position:fixed;width:100%;height:100%;z-index:9999999;top:0;left:0}*:not(.intro__text,.intro__text--2){transition:background-color 1s ease,color 2s ease}.primary__heading{width:100%;letter-spacing:10px;margin-bottom:80px;text-align:center;cursor:pointer}@media (max-width: 620px){.primary__heading{font-size:24px;margin:50px 0 20px}.work .primary__heading{margin:50px 0 60px}}@media (max-width: 370px){.primary__heading{font-size:24px}}.ph__span{display:inline-block;transition:color .2s linear;font-weight:bolder;color:var(--color-text)}.ph__span:hover{color:var(--color-hover);transform:scale(1.3)}.pen__heading{color:var(--color-text);margin-bottom:20px}.nav.show{transform:translate(0)}.section{position:absolute;left:120px;height:100%;width:calc(100% - 120px);opacity:1;background-color:var(--color-page-background);overflow-x:hidden;display:flex;align-items:center;background:var(--color-page-background)}@media (max-width: 1200px){.section{left:0%;width:100%}}.container{width:100%;max-width:1140px;display:flex;align-items:center;padding:50px 0;flex-direction:column;margin:auto}.active{animation:sectIn 2.5s ease-in-out 1;z-index:11;opacity:1}.hide{animation:sectOut 2.5s ease-in-out 1;z-index:9;opacity:0;pointer-events:none}.activex{animation:showToLeft 1.5s ease-out 1;z-index:12;opacity:1}.hidex{animation:hideToRight 2.3s ease-in 1;z-index:12;opacity:0;pointer-events:none}.canvasBg{position:absolute;top:50%;right:0%;transform:translateY(-50%);background-color:transparent;height:100%;width:100%;z-index:-1;opacity:.5}.overlay{position:absolute;top:0;left:0;width:100vw;height:100%;background-color:#00000080;backdrop-filter:blur(4px)}.container--slider{width:100%;margin:auto;height:550px;position:relative;display:flex;align-items:center;justify-content:space-around}.slider{width:80%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide{position:absolute;top:50%;width:100%;transition:transform 1s ease;text-align:center}.slide__content{transition:box-shadow .2s ease}.slide__content:hover{box-shadow:0 10px 25px var(--color-box-shadow-steady)}.slider__btn{height:50px;width:50px;border-radius:50%;background-color:var(--color-text);color:var(--color-page-background);font-size:24px;border:1px solid var(--color-box-shadow-steady);transition:box-shadow .2s eases}.slider__btn:hover{box-shadow:0 2px 10px var(--color-hover)}@media (max-width: 620px){.slider__btn{position:absolute;top:50%;z-index:99999999}}@media (max-width: 620px){.slider__btn{height:30px;width:30px;font-size:16px}.slider__btn--left{left:10px}.slider__btn--right{right:10px}}.projView{position:relative;width:100vw;height:100vh;z-index:90000}.projView__heading{color:#fff;width:100%;font-size:42px;letter-spacing:5px;text-align:center}.projView__wrapper{position:absolute;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.projView__container{max-width:1140px;overflow-y:scroll;width:80%;height:70%;border-radius:10px;box-shadow:0 10px 25px var(--color-box-shadow-steady)}.projView__container::-webkit-scrollbar{width:10px}.projView__container::-webkit-scrollbar-track{background:black;border-radius:5px}.projView__container::-webkit-scrollbar-thumb{background:var(--color-hover);border-radius:10px}.projView__container::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}.projView__container--btn{display:flex;align-items:center;justify-content:center;gap:20px}.projView__closeBtn{position:absolute;top:100px;right:30px;font-size:40px;color:#000;border-radius:50%;width:50px;height:50px;background-color:#ffffe0;text-align:center}.proj{width:100%;background-color:#fff}.projLink{color:#000;background-color:#fff;border-radius:50%;width:50px;height:50px;font-size:30px;padding:10px;transition:background-color .3s ease}.projLink:hover{background-color:#87cefa}.projLink--git{top:35%}.projLink--git:hover{background-color:#90ee90}.hideModal{opacity:0;pointer-events:none;visibility:hidden}.proj__status{color:#fff}.hide__msg{display:none}.form{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:90000}.form__overlay{height:100%;width:100%;backdrop-filter:blur(10px);background-color:#00000080}.form__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1140px;padding:30px 50px;margin:0 auto;background-color:var(--color-page-background--light);border-radius:10px}@media (max-width: 620px){.form__container{height:auto;max-height:80%;left:20px;right:20px;width:auto;transform:translateY(-50%);padding:20px 30px;overflow:auto}}.form__heading{margin-bottom:30px;letter-spacing:5px;color:var(--color-text);transition:color .2s ease}.form__group{display:flex;align-items:center;justify-content:space-between}.form__group:not(:last-child){margin-bottom:20px}@media (max-width: 900px){.form__group{flex-direction:column;align-items:flex-start;gap:5px}}.form__label{letter-spacing:5px;color:var(--color-text);transition:color .2s ease}.form__label:hover{color:#0ff}.form__input{width:60%;border-radius:20px;border:none;padding:20px 10px;border:2px solid black}.form__input:focus{outline:none}.form__input:focus:valid{border:2px solid lime}.form__input:focus:invalid{border:2px solid red}textarea.form__input{resize:none}.error-msg{color:red}@media (max-width: 900px){.form__input{width:100%;padding:10px 5px}}.form__btn{margin:20px auto;padding:10px 15px;background-color:var(--color-text--light);color:var(--color-page-background);border:1px solid black;font-family:inherit;letter-spacing:5px;border-radius:10px;transition:background-color .2s ease}.form__btn:hover{background-color:#0f0;color:#000;box-shadow:0 2px 10px #0000003d}@keyframes sectOut{0%{transform:rotate(0) scale(1) translate(0);opacity:1;z-index:11;box-shadow:0 10px 50px var(--color-box-shadow-steady)}20%{box-shadow:0 10px 50px var(--color-box-shadow-steady)}50%{transform:rotate(-20deg) scale(.3) translate(-20%,-80%);box-shadow:0 10px 50px var(--color-box-shadow-steady)}80%{opacity:1}to{transform:rotate(0) scale(.1) translate(0);z-index:10;opacity:0;box-shadow:0 10px 50px var(--color-box-shadow-steady)}}@keyframes sectIn{0%{transform:rotate(0) scale(.1) translate(0);opacity:0;box-shadow:0 10px 50px var(--color-box-shadow-steady)}50%{transform:rotate(20deg) scale(.3) translate(30%,60%);opacity:1;box-shadow:0 10px 50px var(--color-box-shadow-steady)}80%{box-shadow:0 10px 50px var(--color-box-shadow-steady)}to{transform:rotate(0) scale(1) translate(0);z-index:11;opacity:1;box-shadow:0 10px 50px var(--color-box-shadow-steady)}}@keyframes hideToRight{0%{transform:translate(0);opacity:1}to{transform:translate(200%);opacity:0}}@keyframes showToLeft{0%{transform:translate(200%)}to{transform:translate(0)}}:root{--color-page-background: #ffffff;--color-page-background--light: #e7e4e4;--color-text: #000000;--color-text--light: #3d3b3b;--color-box-shadow-steady: #a39a9a;--color-hover: aqua;--opp-bg: #000000a5}.dark{--color-page-background: #000000;--color-page-background--light: #3d3b3b;--color-text: #ffffff;--color-text--light: #e7e4e4;--color-box-shadow-steady: #9aeffe;--color-hover: #9aeffe;--opp-bg: #ffffffa5}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html,body{margin:0;height:100%}body{box-sizing:border-box;position:relative;height:100%;width:100%;overflow:hidden;font-family:Dina,monospace;background-color:var(--color-page-background)}