@import url(https://fonts.googleapis.com/css2?family=Fahkwang:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:zain;font-style:normal;font-weight:400;src:url(/static/media/zain.81f8f65c8dcdf88e19a3.ttf) format("truetype")}@font-face{font-family:titles;font-style:normal;font-weight:400;src:url(/static/media/titles.ddd0b4bd529ad64659af.ttf) format("truetype")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Fahkwang,sans-serif;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;scroll-padding-top:20px;text-rendering:optimizeSpeed;width:100%}@media (max-width:768px){html{scroll-behavior:auto}}*{box-sizing:border-box}.content-wrapper,.expandable-title,.hero-image,.project-image{backface-visibility:hidden;transform:translateZ(0)}.content-wrapper.animating,.expandable-title:hover,.hero-image:hover{will-change:transform}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.App{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:10px 10px 80px}@media screen and (min-width:1200px){.App{max-width:1600px}}@media screen and (max-width:768px){.App{padding:8px 5px}}.content-section{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;transition:all .6s ease}@media screen and (min-width:1200px){.content-section{max-width:1600px;padding-left:calc(50% - 580px)}.content-section .expandable-title{margin-left:0}.content-section .content-wrapper{margin-left:calc(-50% - -580px);max-width:100%;padding-left:0;padding-right:0;width:100%}.content-section .content-wrapper .content{margin:0 auto;max-width:1600px;padding-left:20px;padding-right:20px}}@media screen and (max-width:768px){.content-section{padding:0 10px}}@media screen and (min-width:769px){.content-section{margin-top:-60px}.content-section+.content-section{margin-top:50px}}.content-section+.content-section{margin-top:0}@media screen and (max-width:768px){.content-section{text-align:center}.expandable-title{text-align:center!important}}@media screen and (max-width:480px){.content-section{text-align:center}.expandable-title{text-align:center!important}}b,strong{font-family:Fahkwang,sans-serif;font-weight:700}.loading-spinner{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:center;padding:40px}.loading-spinner:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.expandable-title{cursor:default;font-size:24px}a,button{transition:background-color .3s ease,color .3s ease}.footer{color:#fff;margin-top:auto;padding:20px 0;position:relative;text-align:center;width:100%}.footer p{font-size:12px;margin:0}@media screen and (max-width:768px){.footer{display:none}.App{padding-bottom:10px}.mobile-social-icons{align-items:center;display:flex;gap:30px;justify-content:center;margin-top:20px;padding:40px 20px}.mobile-social-icons a{color:#fff;opacity:.8;transition:all .3s ease}.mobile-social-icons a:hover{color:#fff;opacity:1;transform:translateY(-2px)}.mobile-social-icons i{font-size:28px}}@media screen and (min-width:769px){.mobile-social-icons{display:none}}@media screen and (max-width:480px){.footer{display:none}.App{padding-bottom:10px}.mobile-social-icons i{font-size:24px}}@media screen and (max-width:768px){.contact-section{justify-content:flex-start}.contact-section i{font-size:30px}}@media screen and (max-width:480px){.contact-section i{font-size:24px}}@media screen and (min-width:769px){.expandable-title,.expandable-title.clicked{font-size:2.5rem!important}}@media screen and (max-width:767px){.expandable-title,.expandable-title.clicked{font-size:7vw!important}}@media screen and (max-width:480px){.expandable-title,.expandable-title.clicked{font-size:8.5vw!important}}body.ego-mode{background:#2b2b30}body.ego-mode,body.ego-mode *{color:#fff!important}body.ego-mode .footer p{color:#fff!important;font-family:zain,sans-serif!important}.navigation-sections{display:flex;flex-direction:column;gap:100px;margin-top:-30px}@media screen and (max-width:1100px){.navigation-sections{gap:100px;margin-top:40px}}@media screen and (max-width:768px){.navigation-sections{gap:80px;margin-top:50px}}@media screen and (max-width:480px){.navigation-sections{gap:70px;margin-top:60px}}.navigation-sections>section{transition:margin .3s ease}.navigation-sections>section.expanded-margin{margin-bottom:40px}.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);--eb-border-width:2px;border-radius:inherit;isolation:isolate;overflow:visible;position:relative}.eb-svg{height:10px;left:-10000px;opacity:.001;pointer-events:none;position:fixed;top:-10000px;width:10px}.eb-content{border-radius:inherit;position:relative;z-index:1}.eb-layers{border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:2}.eb-background-glow,.eb-glow-1,.eb-glow-2,.eb-overlay-1,.eb-overlay-2,.eb-stroke{border-radius:inherit;box-sizing:border-box;inset:0;pointer-events:none;position:absolute}.eb-stroke{border:var(--eb-border-width) solid var(--electric-border-color)}.eb-glow-1{border:var(--eb-border-width) solid oklch(from var(--electric-border-color) l c h/.6);filter:blur(calc(.25px + var(--eb-border-width)*.1));opacity:.8}.eb-glow-2{border:var(--eb-border-width) solid var(--electric-light-color);filter:blur(calc(1px + var(--eb-border-width)*.25));opacity:.6}.eb-background-glow{background:linear-gradient(-30deg,var(--electric-light-color),#0000,var(--electric-border-color));filter:blur(32px);opacity:.3;transform:scale(1.08);z-index:-1}.hero-section{align-items:flex-start;display:flex;justify-content:center;min-height:auto;padding:40px 0 0}.hero-content{box-sizing:border-box;color:#fff;font-size:2em;gap:120px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.hero-content,.text-content{align-items:flex-start;display:flex;text-align:left}.text-content{flex:1 1;flex-direction:column;justify-content:flex-start;max-width:600px}.image-and-contact{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-right:40px;margin-top:0;position:relative}.hero-image,.hero-image-wrapper{border-radius:50%;height:320px;width:320px}.hero-image{border:4px solid #ffffff26;box-shadow:0 8px 32px #0006;cursor:pointer;display:block;object-fit:cover;transition:all .3s ease}.hero-image:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #00000080}.hero-image.egomaniac-mode{border:none;box-shadow:none}@media screen and (max-width:768px){.hero-image.egomaniac-mode{border:4px solid #ff69b466;box-shadow:0 8px 32px #ff00644d}}.hero-content h1{font-size:2em;line-height:1.2;margin-bottom:20px;text-align:left}.hero-content h2{font-size:1.125em;font-weight:400;margin-bottom:10px;margin-top:10px;opacity:.9;text-align:left;white-space:nowrap}.hero-content p{font-size:.875em;line-height:1.4;margin-bottom:20px;margin-top:15px;opacity:.8;text-align:left}.description-line{margin-bottom:0}.description-line,.description-line p{max-width:none;text-align:left;width:100%}.description-line p{line-height:1.4;margin:0}.greeting-line{color:#fff;font-size:.875em;font-weight:500;margin-top:5px;min-height:1.4em;text-align:left;text-shadow:none}.greeting-line p{opacity:.8}.greeting-typewriter{font-size:.7em;left:0;opacity:.8;overflow:visible;position:absolute;top:1.4em;white-space:nowrap;width:100%}.contact-section{align-items:center;display:flex;gap:30px;justify-content:center;margin-bottom:60px;margin-top:30px;position:relative;z-index:10}.contact-section a{color:#fff;opacity:.8;transition:all .3s ease}.contact-section a:hover{color:#fff;opacity:1;transform:translateY(-2px)}.contact-section i{font-size:28px}.hero-content .expandable-title{font-size:inherit;transition:none}.hero-content .expandable-title.expanded{font-size:inherit}@media screen and (min-width:769px) and (max-width:1100px){.hero-content{gap:30px}.hero-content,.text-content{align-items:center;flex-direction:column;text-align:center}.text-content{display:flex;margin-bottom:20px;order:1;padding:0 10px;width:100%}.image-and-contact{align-items:center;align-self:center;flex-direction:column;margin-left:0;margin-right:0;margin-top:0;order:2;transform:none!important}.hero-image{margin:0 auto}.contact-section{justify-content:center}.hero-content h1{word-wrap:break-word;font-size:2em;line-height:1.2;margin:0 0 20px;text-align:center}.hero-content h2{font-size:1.0625em;line-height:1.3;margin:10px 0;white-space:normal}.hero-content h2,.hero-content p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;text-align:center}.hero-content p{font-size:.9375em;line-height:1.4;margin-bottom:0;margin-top:20px}.description-line{margin-bottom:0;text-align:center}.greeting-line{display:block}.contact-section{display:flex;margin-top:20px}.navigation-sections{align-items:center;text-align:center}.content-section{text-align:center}.expandable-title{text-align:center!important}}@media screen and (max-width:1100px){.hero-content{gap:40px}.hero-image{height:280px;width:280px}}@media screen and (max-width:768px){.hero-section{min-height:auto;padding:30px 15px 15px}.hero-content{flex-direction:column-reverse;gap:25px;padding:0 10px}.hero-content,.text-content{align-items:center;text-align:center}.text-content{display:flex;flex-direction:column;margin-bottom:0;max-width:none;order:2;padding:0 5px;width:100%}.image-and-contact{align-self:center;flex-direction:column;margin:0;order:1;transform:none!important}.hero-image{height:200px;margin:0 auto;width:200px}.hero-content h1{word-wrap:break-word;font-size:1.8em;line-height:1.3;margin:0 0 15px;padding:0 5px;text-align:center}.hero-content h2{font-size:1em;line-height:1.4;margin:8px 0 15px;white-space:normal}.hero-content h2,.hero-content p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;padding:0 5px;text-align:center}.hero-content p{font-size:.95em;line-height:1.5;margin:8px 0}.description-line{margin-bottom:8px;padding:0 5px;text-align:center;width:100%}.greeting-line{display:block;font-size:.95em;margin-top:8px;padding:0 5px}.contact-section{display:flex;gap:20px;justify-content:center;margin-bottom:0;margin-top:20px}.contact-section i{font-size:24px}.contact-section,.contact-section a,.contact-section i,.hero-image{animation:none!important;transform:none!important;transition:none!important}}@media screen and (max-width:480px){.hero-section{min-height:auto;padding:25px 12px 15px}.hero-content{gap:20px;min-height:auto;padding:0 8px}.text-content{margin-bottom:0;padding:0 8px}.hero-image{animation:none!important;height:180px;transform:none!important;transition:none!important;width:180px}.hero-content h1{word-wrap:break-word;font-size:1.6em;line-height:1.3;margin-bottom:12px;padding:0 5px;text-align:center}.hero-content h1 .Typewriter{display:inline-block;white-space:nowrap}.hero-content h2{font-size:.95em;line-height:1.4;margin:8px 0 12px;white-space:normal}.hero-content h2,.hero-content p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;padding:0 5px;text-align:center}.hero-content p{font-size:.9em;line-height:1.5}.description-line{margin-bottom:6px;padding:0 5px;text-align:center}.greeting-line{display:block;font-size:.9em;margin-top:6px;padding:0 5px}.contact-section{display:flex;gap:18px;justify-content:center;margin-bottom:0;margin-top:15px}.contact-section,.contact-section i{animation:none!important;transform:none!important;transition:none!important}.contact-section i{font-size:22px}}body.ego-mode{background-size:cover;min-height:100vh}body.ego-mode .Typewriter,body.ego-mode .Typewriter *,body.ego-mode .typewriter-text,body.ego-mode .typewriter-wrapper,body.ego-mode .typewriter-wrapper *,body.ego-mode h1{font-family:titles,sans-serif!important;font-weight:400!important;letter-spacing:.05em!important;text-shadow:2px 2px 4px #0000004d!important}body.ego-mode .typewriter-text{filter:drop-shadow(2px 2px 4px rgba(255,255,255,.7))!important;font-size:2.5em!important;text-shadow:0 0 30px #fff,0 0 60px #fffc!important}body.ego-mode .typewriter-text,body.ego-mode h2{color:#fff!important;font-family:titles,sans-serif!important;font-weight:400!important}body.ego-mode h2{filter:drop-shadow(1px 1px 2px rgba(255,255,255,.2))!important;font-size:1.3em!important;text-shadow:0 0 8px #ffffff4d,0 0 16px #fff3!important}body.ego-mode .description-line p{color:#fff!important;font-family:zain,sans-serif!important;font-size:1.1em!important;font-weight:400!important;text-shadow:1px 1px 4px #ffffff4d!important}body.ego-mode .greeting-line,body.ego-mode .greeting-line p{color:#fff!important;filter:drop-shadow(2px 2px 4px rgba(255,255,255,.5))!important;font-family:titles,sans-serif!important;font-size:1.2em!important;font-weight:400!important;opacity:1!important;text-shadow:0 0 20px #fffc,0 0 40px #fff9!important}body.ego-mode .description-line.regular-font p{color:#fff!important;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.2))!important;font-family:titles,sans-serif!important;font-weight:400!important;overflow:visible!important;text-shadow:0 0 8px #ffffff4d,0 0 16px #fff3!important;white-space:nowrap!important;word-break:keep-all!important}body.ego-mode .description-line.regular-font p span[style*=color]{color:inherit!important;filter:none!important;font-family:titles,sans-serif!important;font-weight:400!important;text-shadow:none!important}@media screen and (max-width:768px){body.ego-mode .typewriter-text{color:#cce6ff!important;font-size:2.2em!important}body.ego-mode h2{font-size:1.2em!important}body.ego-mode .description-line p{font-size:1em!important}body.ego-mode .greeting-line,body.ego-mode .greeting-line p{color:#fff!important;font-size:1.1em!important;opacity:1!important}}@media screen and (max-width:480px){body.ego-mode .typewriter-text{color:#cce6ff!important;font-size:2em!important}body.ego-mode h2{font-size:1.1em!important}body.ego-mode .description-line p{font-size:.95em!important}body.ego-mode .greeting-line,body.ego-mode .greeting-line p{color:#fff!important;font-size:1em!important;opacity:1!important}}.password-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.password-modal,.password-overlay{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.password-modal{background:#1e1e28f2;border:2px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;text-align:center;width:90%}.password-modal h3{color:#fff;font-size:1.8em;margin:0 0 10px}.password-hint,.password-modal h3{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.password-hint{color:#ffffffb3;font-size:1em;margin:0 0 25px}.password-display{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:text;display:flex;font-family:Courier New,monospace;font-size:1.5em;gap:10px;justify-content:center;min-height:60px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.password-display.error{animation:shake .4s ease;border-color:#ff3232cc}.password-char{color:#fff;display:inline-block;position:relative;text-align:center;width:20px}.cursor-blink{animation:blink 1s infinite;color:#fff;left:50%;position:absolute;transform:translateX(-50%)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.typewriter-cursor{animation:blink 1s infinite}.password-input-hidden{height:0;opacity:0;pointer-events:none;position:absolute;width:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message{color:#f55;font-size:.9em;margin:10px 0 0}.password-buttons{display:flex;gap:15px;margin-top:25px}.password-buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Fahkwang,sans-serif;font-size:1em;padding:12px 20px;transition:all .3s ease}.submit-btn{background:#6464ffcc;color:#fff}.submit-btn:hover{background:#6464ff;transform:translateY(-2px)}.cancel-btn{background:#ffffff1a;color:#fff}.cancel-btn:hover{background:#fff3;transform:translateY(-2px)}@media screen and (max-width:480px){.password-modal{padding:30px 20px}.password-modal h3{font-size:1.5em}.password-input{font-size:1em;padding:12px}}.ego-transition-veil{background:#000;bottom:0;left:0;position:fixed;right:0;top:0;will-change:opacity;z-index:99999}.iridescence-container{height:100%;width:100%}.expandable-title{color:#fff;cursor:pointer;display:inline-block;font-size:2.6em;font-weight:700;margin-bottom:20px;margin-left:0;margin-top:5px;padding:0;transition:font-size .2s ease,transform .2s ease;width:fit-content}.expandable-title:hover{font-size:2.9em;transform:scale(1.02)}.content-section.bio{position:relative;z-index:1}.content-wrapper{height:0;overflow:visible;position:relative;transform:translateY(-20px) scaleY(.95);transform-origin:top;transition:height .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);will-change:height,transform}.expanded .content-wrapper{height:var(--content-height);transform:translateY(0) scaleY(1)}.content{font-size:1.6em;margin-left:0;margin-top:5px;opacity:0;padding-left:0;position:relative;text-align:left;transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s;will-change:transform}.expanded .content{opacity:1}.bio-content{align-items:center;display:flex;gap:20px;overflow:visible}.bio-text{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000001a;flex:1 1;padding:32px;position:relative;width:100%}.bio-text p{line-height:1.7;margin-bottom:20px}.bio-text p:last-child{margin-bottom:0}.bio-image{display:none;flex-shrink:0;padding-right:10px}.air-image{border:3px solid #fff;border-radius:12px;box-sizing:border-box;height:auto;object-fit:cover;transition:transform .3s ease;width:280px}.air-image:hover{transform:scale(1.02)}@media screen and (min-width:769px){.bio-image.desktop-only{display:block}}@media screen and (max-width:768px){.expandable-title{cursor:pointer;font-size:7vw;margin-left:0;padding:0 10px;text-align:center;transition:font-size .2s ease,transform .2s ease}.expandable-title:hover{font-size:7vw;transform:none}.content{font-size:4vw;margin-left:0;margin-right:0;padding:0 15px;text-align:center}.bio-content{flex-direction:column;gap:20px;padding:0 5px;text-align:center}.bio-text{border-radius:12px;padding:20px 15px}.bio-text p{font-size:.95em;line-height:1.6;margin-bottom:15px}}@media screen and (max-width:480px){.expandable-title{cursor:pointer;font-size:8.5vw;margin-left:0;padding:0 8px;text-align:center;transition:font-size .2s ease,transform .2s ease}.expandable-title:hover{font-size:8.5vw;transform:none}.content{font-size:4.5vw;margin-left:0;margin-right:0;padding:0 12px;text-align:center}.bio-content{gap:15px;padding:0;text-align:center}.bio-text{border-radius:10px;padding:18px 12px}.bio-text p{font-size:.92em;line-height:1.55;margin-bottom:12px}}.mystery-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;bottom:16px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:0;padding:0;position:absolute;right:16px;transition:all .2s ease;width:36px}.mystery-button:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:inset 3px 3px 0 0 #fff,inset -3px -3px 0 0 silver,0 2px 0 0 #a0a0a0,0 4px 8px #0000004d;transform:translate(3px,3px)}.mystery-button:active{box-shadow:inset 3px 3px 0 0 silver,inset -3px -3px 0 0 #f0f0f0,0 2px 0 0 #a0a0a0,0 3px 6px #0000004d;transform:scale(.9)}.mystery-button svg{display:block}.sun-moon-icon .cutout{transition:cx .5s cubic-bezier(.4,0,.2,1)}.sun-moon-icon .cutout.dark{cx:14}.sun-moon-icon .sun-rays{transform-origin:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.sun-moon-icon .sun-rays.dark{opacity:0;transform:scale(.5)}@media (max-width:768px){#resume{display:none}.mystery-button{margin:20px auto 0}}
/*# sourceMappingURL=main.61272d8d.css.map*/