:root{--textcolor:#000;--blue:#006aff;--backgroundColor:#fff;--surface:#fff;--bar:#ededed;--bar2:#f0f0f0;--border:lightgrey;--hairline:#ededed;--chip:#f2f2f2;--chipText:#333;--hoverBg:#f2f2f2;--shadow:lightgrey;--btnGhostText:#333;--menuIcon:#333}html[data-theme=dark]{--textcolor:#f2f3f7;--backgroundColor:#0f1117;--surface:#171a23;--bar:#232734;--bar2:#232734;--border:#2c3040;--hairline:#232734;--chip:#232734;--chipText:#d8dbe6;--hoverBg:#232734;--shadow:#0000008c;--btnGhostText:#f2f3f7;--menuIcon:#f2f3f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:EBGaramondBold;src:local(EBGaramondBold),url(/assets/GTWalsheimPro-Bold-C85exUkA.ttf);font-style:normal;font-display:swap}@font-face{font-family:EBGaramondRegular;src:local(EBGaramondBold),url(/assets/GTWalsheimPro-Regular-CGyz_Tqk.ttf);font-style:normal;font-display:swap}html,body{color:var(--textcolor);margin:0;padding:0;font-family:EBGaramondRegular;background-color:var(--backgroundColor)!important}html{overflow-x:hidden}body{overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:EBGaramondBold}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.para{text-align:center;color:var(--textcolor);opacity:.5}.headernav{color:gray;cursor:pointer;margin-right:10px;padding:10px;font-family:EBGaramondRegular;font-weight:bolder}.headernav:hover{background-color:var(--hoverBg);border:0px solid var(--backgroundColor);border-radius:10px;transition:all .25s;color:var(--textcolor)!important}.draggable-main{z-index:1;-webkit-user-select:none;user-select:none;background:var(--bar2);justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden;font-family:EBGaramondBold!important}.content{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;width:100%;font-size:18px;position:relative;font-family:EBGaramondBold!important}.content>div{pointer-events:auto;width:100%;height:56px;transform-origin:50% 50% 0px;border:1.5px solid var(--hairline);background:var(--surface);color:var(--textcolor);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding-left:26px;display:flex;position:absolute;left:0;overflow:visible;font-family:EBGaramondBold!important}.content>div:before{content:"";background:linear-gradient(135deg,#3beb7b 0%,#3fa1fc 100%);border-radius:5px;width:5px;position:absolute;top:12px;bottom:12px;left:9px}.content>div:nth-child(2):before{background:linear-gradient(135deg,#f5576c 0%,#eebd89 100%)}.content>div:nth-child(3):before{background:linear-gradient(135deg,#5ee7df 0%,#7e38e0 100%)}.content>div:nth-child(4):before{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.content>div:nth-child(5):before{background:linear-gradient(135deg,#3fa1fc 0%,#7e38e0 100%)}.skillLabel{color:var(--textcolor)}.skillItems{opacity:.5;font-family:EBGaramondRegular;font-size:90%}.skillWindow{background:var(--surface);width:100%}.skillBody{padding:20px}.container{width:70%;max-width:1300px;margin-top:10%;margin-left:auto;margin-right:auto;display:block}.backgroundDiv{background-repeat:no-repeat;background-size:cover;min-height:100vh}.IntroComponent{margin-top:10%;display:flex}.headingIntro{font-size:150%;animation:2s fadein,2s heading}.headingIntro span:before{content:"Full-Stack Developer";padding-left:10px;animation:7s infinite animate}@keyframes animate{0%{content:"AI Engineer"}25%{content:"Flutter Developer"}50%{content:"Backend Engineer"}75%{content:"Founder"}to{content:"Full-Stack Developer"}}.subHeadingIntroComponent{color:var(--textcolor);opacity:.5;cursor:pointer;animation:2s subHeading}.subHeadingIntroComponent:hover{color:var(--textcolor);opacity:.8;cursor:pointer;transition:all 1.3s;transform:scale(1.2)}.cartoonText{color:var(--blue);font-family:Nanum Pen Script,cursive}.iphoneImg{z-index:1;transition:transform 1.2s ease-in-out;position:relative;top:50px;left:88%}.iphoneImg:hover{transform:rotate(2deg)scale(1.015)}.imageIntro{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;animation:2s fadein,2s subHeading;position:relative;top:0;left:0}.instaLoop{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;transition:transform 1.2s ease-in-out;transform:rotate(3deg)}.instaLoop:hover{transform:rotate(2deg)scale(1.025)}.macLw{border-radius:5px;margin-top:30px;transition:transform 1.2s ease-in-out;top:0;left:20%;box-shadow:2px 2px 10px #5c5c5c;position:absolute!important}.macLw:hover{transform:rotate(-1deg)scale(1.015)}svg{height:1.76em;overflow:visible}@keyframes fadein{0%{opacity:.7}to{opacity:1}}@keyframes heading{0%{position:relative;left:-10px;transform:scaleY(.9)scaleX(.9)}to{position:relative;top:0;left:0%;transform:scaleY(1)scaleX(1)}}@keyframes subHeading{0%{transform:scaleY(.9)scaleX(.9)}to{transform:scaleY(1)scaleX(1)}}.aboutMe{text-align:center;width:100%;padding:20px}.skillSet{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.skillSetWritten{border:1px solid var(--border);border-radius:5px;width:70%;padding:20px}.notes{border:1.5px solid var(--border);box-shadow:2px 2px 5px var(--shadow);border-radius:7px;margin:20px auto 20px 20px;transition:transform 1.2s ease-in-out;display:block}.notes:hover{transform:rotate(-1deg)scale(1.005)}.textBubble{width:300px;margin-right:auto;animation:0s ease-in 1.2s forwards hideAnimation;position:absolute;left:10%}@keyframes hideAnimation{to{visibility:hidden;width:0;height:0}}.hiddenText{visibility:hidden;animation:0s ease-in 1.2s forwards showAnimation}@keyframes showAnimation{to{visibility:visible}}.btn{background-color:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 3px 5px var(--blue);cursor:pointer;border-radius:40px;width:160px;height:45px;margin:20px 20px 20px 0;padding:10px;font-family:EBGaramondRegular;font-size:101%;transition:transform .5s ease-in-out}.btn:hover{background-color:var(--surface);color:var(--btnGhostText);border:1px solid var(--surface);transition:all .5s;transform:scale(1.035);box-shadow:0 3px 10px #add8e6}.btn2{background-color:var(--surface);color:var(--btnGhostText);border:1px solid var(--surface);cursor:pointer;border-radius:40px;width:160px;height:45px;margin:20px 20px 20px 0;padding:10px;font-family:EBGaramondRegular;font-size:101%;box-shadow:0 3px 10px #add8e6}.btn2:hover{background-color:var(--blue);color:#fff;border:1px solid var(--blue);box-shadow:0 3px 5px var(--blue);border-radius:40px;transition:all .5s;transform:scale(1.035)}.dp{object-fit:cover;border-radius:100%;width:100px;height:100px}.dp2{object-fit:cover;border-radius:10px;width:200px;height:200px}.idCard{box-shadow:2px 2px 5px var(--shadow);transition:all .5s}.idCard:hover{transform:rotate(-1deg)scale(1.015)}@media only screen and (width<=1320px){.container{margin-left:auto;margin-right:auto;display:block;width:90%!important}.IntroComponent{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;padding:0!important}.textBubble{margin:0 auto;padding:0;display:block;position:relative;left:0%}.IntroComponentWrapper{padding:20px;width:100%!important}.idCard{max-width:400px;margin-right:auto!important}}@media only screen and (width<=600px){.container{margin-top:70px!important}.IntroComponent{margin-bottom:0}.idText{padding:0 0 0 20px!important}.cartoonTextIntro{display:block;position:relative;text-align:center!important;margin-top:100px!important;left:0%!important}.idCard{max-width:400px;margin-left:auto!important;margin-right:auto!important;font-size:70%!important}.idCard2{width:100%!important;font-size:90%!important}#about{justify-content:center;width:100%;flex-direction:column!important}.instaLoop{min-width:300px;margin-left:auto;margin-right:auto;display:block}.para{margin-left:auto;margin-right:auto;display:block;width:90%!important}.dp2{width:35%!important;height:35%!important}.instaTag{font-size:60%!important}.skillSet{flex-direction:column-reverse;padding:20px}.draggableItems{max-width:400px;margin-left:auto;margin-right:auto;display:block;width:100%!important}.notesDiv{width:100%!important;margin-top:0!important}.content>div{width:100%!important;font-size:80%!important}#socials{flex-direction:column;padding-left:0!important}#socials h1{margin-bottom:0}.cartoonText2{margin:0}.lastText{margin-right:auto}.socialLinks{margin-top:20px;margin-left:auto;justify-content:center!important;align-items:center!important;margin-right:auto!important}.imageIntro{width:90%!important}.macLw{left:0!important}.iphoneImg{top:80px;left:60%!important}.notes{margin:0!important}.SkillSetItems{width:100%!important}.projectCard{border:2px solid var(--backgroundColor);cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;border-radius:10px;height:auto;margin-top:20px;margin-bottom:20px;transition:transform .5s ease-in-out;width:90vw!important}}.iframeDiv{background-color:#fff;border-radius:0!important;height:650px!important}.iframeFrame{cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;border:none;outline:none;width:100%;height:100%;overflow-x:none!important}.projectsDiv{flex-wrap:wrap;justify-content:space-evenly;align-items:center;max-width:100%;margin-left:auto;margin-right:auto;padding:30px;display:flex}.projectCard{border:2px solid var(--backgroundColor);cursor:url(https://uploads.codesandbox.io/uploads/user/b3e56831-8b98-4fee-b941-0e27f39883ab/Ad1_-cursor.png) 39 39,auto;border-radius:10px;width:30vw;height:auto;margin-top:20px;margin-bottom:20px;transition:transform .5s ease-in-out}.projectCard:hover{background-color:var(--surface);color:var(--btnGhostText);border:1px solid var(--surface);transition:all .5s;transform:scale(1.035);box-shadow:0 3px 10px orange}.experience{margin-top:100px;margin-bottom:60px}.expList{max-width:820px;padding-top:20px;position:relative}.expItem{opacity:0;padding-bottom:32px;padding-left:44px;transition:opacity .7s,transform .7s;position:relative;transform:translateY(24px)}.expSeen{opacity:1;transform:none}.expItem:before{content:"";background:var(--hairline);width:2px;position:absolute;top:18px;bottom:-18px;left:11px}.expItem:last-child:before{display:none}.expItem:after{content:"";background:var(--dot);width:20px;height:20px;box-shadow:0 0 0 4px var(--backgroundColor);border-radius:50%;position:absolute;top:18px;left:2px}.expCard{background:var(--surface)}.expFile{opacity:.35;margin-top:10px;margin-left:12px;font-family:EBGaramondRegular;font-size:55%}.expBody{padding:20px 24px 24px}.expWhen{color:#fff;border-radius:40px;align-items:center;padding:5px 16px;font-family:EBGaramondBold;font-size:85%;display:inline-flex}.expLive{background:#fff;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.6s ease-in-out infinite expPulse}@keyframes expPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.expRole{margin:14px 0 0;font-size:150%}.expPlace{opacity:.45;margin:4px 0 12px;font-family:EBGaramondRegular}.expPlace span{opacity:.7}.expPoint{text-align:left;margin:8px 0}.expTags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.expTags span{background:var(--chip);color:var(--chipText);border-radius:40px;padding:4px 12px;font-family:EBGaramondRegular;font-size:80%}@media only screen and (width<=600px){.experience{margin-top:60px}.expItem{padding-left:30px}.expItem:before{left:7px}.expItem:after{width:16px;height:16px;left:0}.expBody{padding:16px}.expRole{font-size:125%}}.projectPop{padding:24px}.projectPop .popTags{flex-wrap:wrap;gap:8px;margin:6px 0 4px;display:flex}.projectPop .popTags span{background:var(--chip);color:var(--chipText);border-radius:40px;padding:4px 12px;font-family:EBGaramondRegular;font-size:80%}.popActions{flex-wrap:wrap;align-items:center;margin-top:10px;display:flex}.popActions .btn,.popActions .btn2{white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:auto;min-width:160px;margin-bottom:0;margin-right:12px;padding:10px 26px;display:inline-flex}.skillSet{align-items:flex-start;gap:4%}.draggableItems{width:46%}.notesDiv{margin-top:60px!important}@media only screen and (width<=600px){.skillSet{gap:0}.notesDiv{margin-top:0!important}}.footerCard{border:2px solid var(--border);background:var(--surface);width:290px;color:var(--textcolor);border-radius:10px;flex-direction:column;margin:18px auto 8px;display:flex}.footerCardBar{background-color:var(--bar);border-bottom:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px;align-items:center;height:25px;padding:5px;font-size:150%;display:flex}.footerCardBar h1{margin-top:10px}.footerCardBody{align-items:center;gap:14px;padding:14px;display:flex}.footerCardBody img{object-fit:cover;border-radius:8px;width:78px;height:78px}.footerCardBody h1{margin:0;font-size:105%}.footerCardBody h3{opacity:.3;margin:4px 0 0;font-family:EBGaramondRegular;font-size:75%}@media only screen and (width<=600px){.footerCard{width:92%;max-width:320px;margin:18px auto}}@media only screen and (width<=1320px){.imageIntro{margin:50px auto 0;width:min(720px,94%)!important}.macLw{width:84%!important;left:0!important}.iphoneImg{top:40px;width:40%!important;left:60%!important}.cartoonTextIntro{display:block;position:relative;text-align:center!important;margin-top:30px!important;left:0!important}}@media only screen and (width<=600px){.hiddenText>div{gap:12px}.hiddenText a{flex:1}.hiddenText button.btn,.hiddenText button.btn2{width:100%!important;margin:16px 0!important}.instaLoop{max-width:300px;width:78%!important;min-width:0!important}.skillSet{flex-direction:column!important;align-items:stretch!important}.draggableItems{max-width:none!important}.projectsDiv{padding:10px 0!important}.projectsDiv>div{justify-content:center;width:100%;display:flex}.projectCard{width:100%!important}.projectPop{padding:16px}.popActions .btn,.popActions .btn2{flex:140px;min-width:0;margin-right:8px}}@media only screen and (width<=480px){.content>div{line-height:1.2;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important}.skillItems{font-size:80%}.hiddenText button.btn,.hiddenText button.btn2{white-space:nowrap;padding:10px 6px;font-size:95%}}.MuiDialog-paper{background-color:var(--surface)!important;color:var(--textcolor)!important}.MuiDrawer-paper{background-color:var(--backgroundColor)!important;color:var(--textcolor)!important}html[data-theme=dark] .textBubble{filter:invert()hue-rotate(180deg)}html[data-theme=dark] .expItem:after{box-shadow:0 0 0 4px var(--backgroundColor)}html.theme-anim *,html.theme-anim :before,html.theme-anim :after{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s,fill .45s!important}.themeToggle{border:1.5px solid var(--border);cursor:pointer;background:linear-gradient(135deg,#ffe7a8,#ffc2d6);border-radius:30px;flex:none;width:58px;height:30px;margin:0 10px;padding:0;transition:background .45s,border-color .45s,transform .2s;position:relative}.themeToggle:hover{transform:scale(1.06)}.themeToggle:active{transform:scale(.95)}.themeToggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}html[data-theme=dark] .themeToggle{background:linear-gradient(135deg,#232734,#3b3f66)}.themeKnob{color:#f59e0b;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;transition:transform .5s cubic-bezier(.3,1.5,.5,1),background .4s,color .4s;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.themeKnob svg{font-size:15px;animation:.6s knobSpin}html[data-theme=dark] .themeKnob{color:#6366f1;background:#f2f3f7;transform:translate(28px)}@keyframes knobSpin{0%{opacity:0;transform:rotate(-120deg)scale(.4)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .7s,translate .7s cubic-bezier(.2,.7,.2,1),transform .5s;translate:0 28px}.reveal.reveal-fade{translate:none}.reveal.in{opacity:1;translate:0}.instaLoop.reveal{transition:opacity .9s,transform 1.2s ease-in-out}@keyframes floaty{0%,to{translate:0}50%{translate:0 -10px}}.iphoneImg{animation:6s ease-in-out infinite floaty}.instaLoop{animation:7.5s ease-in-out 1s infinite floaty}.expItem:before{transform-origin:top;transition:transform 1s .25s;transform:scaleY(0)}.expSeen:before{transform:scaleY(1)}.expItem:after{transition:transform .5s cubic-bezier(.3,1.6,.5,1) .1s;transform:scale(0)}.expSeen:after{transform:scale(1)}.btn:active,.btn2:active{transform:scale(.96)}.socialLinks a.headernav{transition:transform .25s,background-color .25s,color .25s;display:inline-block}.socialLinks a.headernav:hover{transform:translateY(-4px)rotate(-4deg)}.idCard h1:hover strong{filter:brightness(1.15)}.expTags span,.popTags span{transition:transform .2s,background-color .2s}.expTags span:hover,.popTags span:hover{transform:translateY(-2px)}.scrollProgress{z-index:300;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#3beb7b,#3fa1fc,#7e38e0,#f5576c);width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.loader{z-index:1000;background:var(--backgroundColor);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loader.leaving{opacity:0;visibility:hidden;pointer-events:none}.loaderCard{border:2px solid var(--border);background:var(--surface);border-radius:10px;width:min(320px,86vw);animation:.6s cubic-bezier(.2,.8,.2,1) both loaderIn}.loader.leaving .loaderCard{transition:transform .6s;transform:translateY(-10px)scale(.98)}.loaderBody{text-align:center;padding:26px 22px 22px}.loaderBody h1{margin:14px 0 0;font-size:130%}.loaderBody p{color:orange;margin:2px 0 16px;font-size:125%}.loaderPhoto{width:104px;height:104px;margin:0 auto;position:relative}.loaderPhoto img{z-index:1;object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;position:relative}.loaderRing{border:2px solid var(--blue);border-radius:50%;animation:1.6s ease-out infinite loaderPulse;position:absolute;inset:-8px}.loaderSpark{z-index:2;color:#f6b73c;font-size:110%;animation:1.4s ease-in-out infinite twinkle;position:absolute}.loaderTrack{background:var(--chip);border-radius:6px;height:6px;overflow:hidden}.loaderFill{background:linear-gradient(90deg,#3beb7b,#3fa1fc,#7e38e0);border-radius:6px;width:0;height:100%;animation:1.3s ease-out forwards loaderFill;display:block}html:not(.ready){overflow:hidden}@keyframes loaderIn{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes loaderPulse{0%{opacity:.55;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}@keyframes loaderFill{to{width:100%}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;translate:none}.expItem:before,.expItem:after{transform:none}}@media only screen and (width<=600px){.themeToggle{margin:0 4px 0 0}}.footerCards{flex-wrap:wrap;justify-content:center;gap:14px;margin:18px auto 8px;display:flex}.footerCards .footerCard{width:250px;margin:0}.footerCards .footerCardBody{gap:12px;padding:12px}.footerCards .footerCardBody img{width:64px;height:64px}.footerCards .footerCardBody h1{font-size:95%}.footerCards .footerCardBody h3{font-size:70%}@media only screen and (width<=600px){.footerCards{flex-direction:column;align-items:center;width:100%}.footerCards .footerCard{width:92%;max-width:320px}}.siteTitle{white-space:nowrap}@media only screen and (width<=600px){.siteTitle{font-size:clamp(17px,5.6vw,30px)}}.moments{margin-top:90px;margin-bottom:30px}.momentsGrid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:30px;padding:26px 0 10px;display:flex}.photoCard{border:2px solid var(--border);background:var(--surface);width:clamp(240px,30%,400px);transform:rotate(var(--tilt,0deg));border-radius:10px;margin:0;overflow:hidden}.momentsGrid>.photoCard:nth-child(2){margin-top:34px}.photoCard:hover{box-shadow:0 8px 24px var(--shadow);transform:rotate(0)scale(1.03)}.photoCard img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.photoCaption{color:orange;text-align:center;padding:8px 16px 14px;font-size:150%}.photoCard .footerCardBar{border-radius:0}@media only screen and (width<=900px){.photoCard{width:min(300px,44%)}.momentsGrid>.photoCard:nth-child(2){margin-top:0}}@media only screen and (width<=600px){.moments{margin-top:60px}.photoCard{width:100%;max-width:360px}.momentsGrid{flex-direction:column;align-items:center;gap:22px}}@media only screen and (width>=1321px){.projectsDiv{width:calc(100% + 12vw);max-width:none;margin-left:-6vw;padding:20px 0}.projectCard{width:min(36vw,600px)}}@media only screen and (width>=601px) and (width<=1320px){.projectsDiv{padding:10px}.projectCard{width:42vw}}