.navbar{z-index:9999;transition:background-color .2s 0s,padding .2s 0s,transform .2s;padding-top:2.5rem;padding-bottom:2.5rem}.navbar.scrolled-state{border-bottom:3px solid rgba(40,40,40,.5);background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:0.6;padding-top:1.25rem;padding-bottom:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.navbar.nav-hide{transform:translateY(-100%)}.nav-link{position:relative}@media not all and (min-width:640px){.nav-link{display:none}}.nav-link:before,a.nav-btn:before{content:"";position:absolute;width:0;height:2px;left:-10%;bottom:-5px;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));transition:width .5s}.nav-btn:hover:before,.nav-link:hover:before{width:120%}.mobile-nav-panel{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:0.7;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:640px){.mobile-nav-panel{display:none}}.mobile-nav-panel{transition:transform .5s,opacity .5s;opacity:0;transform:translateY(-100%)}.mobile-nav-panel.opened{opacity:1;transform:translateY(0)}.mobile-nav-panel .nav-btn{position:relative;letter-spacing:3px;transition:transform .2s,opacity .2s;transform:translateX(-100%);opacity:0;font-size:2.25rem;line-height:2.5rem}.mobile-nav-panel.opened .nav-btn{opacity:1;transform:translateX(0);transition-delay:0s}@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_657e4b;src:local("Arial");ascent-override:92.33%;descent-override:30.78%;line-gap-override:8.79%;size-adjust:113.73%}.__className_657e4b{font-family:__Poppins_657e4b,__Poppins_Fallback_657e4b;font-weight:400;font-style:normal}@font-face{font-family:__Teko_5a4de5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/69364edcd50767e3-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Teko_5a4de5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/013eccc6038d5618-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Teko_5a4de5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1472e2014e10d326-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Teko_Fallback_5a4de5;src:local("Arial");ascent-override:145.32%;descent-override:72.05%;line-gap-override:0.00%;size-adjust:65.93%}.__className_5a4de5{font-family:__Teko_5a4de5,__Teko_Fallback_5a4de5;font-weight:400;font-style:normal}:root{--left-gap:120px}.timeline{position:relative;margin:0 auto;text-align:center}.timeline:after{content:"";position:absolute;width:4px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));top:0;bottom:0;margin-left:-3px;border-radius:10px}.timeline[data-align=left]:after{left:var(--left-gap)}.timeline[data-align=right]:after{right:var(--left-gap)}.timeline .container{position:relative;width:calc(100% - var(--left-gap))}.timeline[data-align=left] .container{padding:10px 0 10px 25px;left:var(--left-gap)}.timeline[data-align=right] .container{padding:10px 25px 10px 0;right:0;text-align:right}.timeline .container:before{content:attr(data-title);position:absolute;width:100px;top:12px;font-weight:600;--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity))}.timeline .container:where(.dark,.dark *):before{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.timeline[data-align=left] .container:before{left:-120px}.timeline .container:after{content:"";position:absolute;width:20px;height:20px;border:3px solid;--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity));background-color:#fff;top:15px;border-radius:50%;z-index:1}.timeline[data-align=left] .container:after{left:-11px}.timeline[data-align=right] .container:after{right:-8px}.timeline .content{position:relative;--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity))}.timeline .content:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.timeline[data-align=left] .content{text-align:left}.timeline[data-align=right] .content{text-align:end}.timeline[data-align=right] .skill-bubbles{flex-direction:row-reverse}@media screen and (max-width:600px){:root{--left-gap:0px}.timeline .container:before{width:auto;font-weight:600;opacity:.7}.timeline[data-align=left] .container:before{text-align:left;left:25px}.timeline[data-align=right] .container:before{text-align:right;right:25px}.content{margin-top:30px}}.loader-svg{width:1.5em;transform-origin:center;animation:rotate4 2s linear infinite}.loader-svg circle{fill:none;stroke-width:5;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite;stroke:#3b82f6}@keyframes rotate4{to{transform:rotate(1turn)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.border-sep{position:relative}.border-sep:before{content:"";position:absolute;right:-1.5px;width:3px;top:8%;height:3%;border-radius:.75rem;background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:0.5}@media not all and (min-width:1024px){.border-sep:before{display:none}}.border-sep:after{content:"";position:absolute;right:-1.5px;width:3px;top:13%;bottom:10%;height:calc(100%-13%-10%);border-radius:.75rem;background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:0.5}@media not all and (min-width:1024px){.border-sep:after{display:none}}.glass-bg{background:rgba(175,180,239,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(175,180,239,.075);transition:background-color .2s,transform .2s}.glass-bg:hover{background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-bg-opacity:0.3;transform:scale(1.1)}.connect-form input,.connect-form textarea{background:rgba(175,180,239,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;border-radius:.375rem;border:1px solid rgba(90,92,126,.15);padding:.5rem 1.25rem;--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity))}.connect-form input:where(.dark,.dark *),.connect-form textarea:where(.dark,.dark *){border-color:rgba(175,180,239,.075);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.connect-form textarea{resize:none;min-height:100px}.project-cont{position:relative;margin-bottom:2.5rem;display:flex;height:400px;width:100%;max-width:1300px;align-items:center}@media not all and (min-width:1024px){.project-cont{height:-moz-fit-content;height:fit-content;flex-direction:column-reverse}}.project-cont .left-section{position:relative;z-index:10;display:flex;height:100%;width:55%;flex-direction:column;justify-content:center;--tw-text-opacity:1;color:rgb(40 44 53/var(--tw-text-opacity))}@media not all and (min-width:1024px){.project-cont .left-section{width:100%}}.project-cont .left-section:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.project-cont .right-section{border:1px solid rgba(74,74,98,.25);position:absolute;z-index:0;aspect-ratio:16/9;max-height:400px;width:50%}@media not all and (min-width:1024px){.project-cont .right-section{position:relative;width:100%;border-bottom-width:0}}.project-cont .right-section .right-overlay{transition:background-color .2s 0s;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-bg-opacity:0.8;padding:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:1024px){.project-cont .right-section .right-overlay{display:none}}.project-cont:hover .right-section .right-overlay{--tw-bg-opacity:0}.project-cont .right-section .right-overlay .tech-stack-cont span,.project-cont .right-section .right-overlay .top h2{transition:transform .2s}.project-cont:hover .right-section .right-overlay .top h2{transform:translateY(-80px)}.project-cont:hover .right-section .right-overlay .tech-stack-cont span{transform:translateY(200%)}.project-cont .description{border:0 solid rgba(74,74,98,.25)}@media not all and (min-width:1024px){.project-cont .description{border-left-width:1px;border-right-width:1px;border-bottom-width:1px}}.project-cont .glass-border{border:1px solid rgba(74,74,98,.25)}@media (min-width:1024px){.project-cont .glass-border{border-width:0}}@media screen and (min-width:1024px){.project-cont[data-align=left] .right-section{left:50%}.project-cont[data-align=right] .right-section{left:0}.project-cont[data-align=right] .left-section{position:absolute;left:45%}.project-cont[data-align=right] .left-section *{text-align:right}.project-cont[data-align=right] .left-section .links-cont,.project-cont[data-align=right] .left-section .tech-stack-cont{justify-content:flex-end}}.footer{width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:4px solid;border-color:rgb(59 130 246/var(--tw-border-opacity));--tw-border-opacity:0.15;background-color:rgba(179,182,224,.3)}.footer:where(.dark,.dark *){background-color:rgba(14,14,37,.5)}.avatar-cont{position:relative;width:450px;aspect-ratio:1/1;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));padding:40px}@media not all and (min-width:640px){.avatar-cont{width:100%}}@media (min-width:1024px){.avatar-cont{height:450px}}.avatar-cont{display:flex;align-items:center;justify-content:center}.resume-btn-cont .resume-download{position:relative;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));padding:.5rem;transform:translateX(-55px);opacity:0;transition:transform .2s,opacity .2s;z-index:0}.resume-btn-cont:hover .resume-download{transform:translateX(0);opacity:1}.resume-link{position:relative;overflow:hidden}.resume-link:before{content:"";position:absolute;top:-25%;width:35px;height:150%;transform:translate(-60px) rotate(-20deg);background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:0.3;transition:transform .7s}.resume-link:hover:before{transform:translate(180px) rotate(-20deg)}.glass{background:rgba(175,180,239,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(175,180,239,.05)}.card-flip{position:relative;overflow:hidden}.card-flip:hover:after{opacity:1;transform:scale(1)}.card-flip:after{content:attr(data-name);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;font-size:small;opacity:0;transform:scale(0);background:rgba(7,7,24,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,74,98,.25);border-radius:.5rem;transition:opacity .2s,transform .2s}