@font-face{font-family:Meow;src:url(/assets/meow-DjHvhFMC.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Light-B82kzbU-.ttf) format("opentype");font-weight:400;font-style:normal}img{-webkit-user-drag:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(20deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(15deg)}60%,to{transform:rotate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flag{0%{opacity:0;transform:translateY(0) scale(.8)}to{opacity:1;transform:translateY(-30px) scale(1.2)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.up{animation:slideUp .6s ease-out forwards}.left{animation:slideInLeft .6s ease-out forwards}.right{animation:slideInRight .6s ease-out forwards}.down{animation:slideDown .6s ease-out forwards}.fade{animation:fadeIn .8s ease forwards}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.center{align-items:center;justify-content:center}.font-accent{font-family:meow,sans-serif;letter-spacing:-.5px}a{text-decoration:none;color:inherit}@media (max-width: 768px){.main-layout{max-width:340px}.main-info{display:none}.info{align-items:left}.logo-inner img{margin-left:18.5px;margin-top:-10px}.pfp img{width:90px;height:110px}.hi{font-size:1.8rem!important}.hi.past-hi{font-size:1.2rem!important}.description{font-size:16px!important;width:104%}.USA-wrapper{justify-content:flex-start!important;position:static!important;margin-left:20px;margin-top:10px}.USA{font-size:12px}.location{margin-top:3px}.USA i{font-size:12px}.project-rows{flex-direction:column!important}.project-img{height:220px;width:100%}.branding{display:grid;grid-template-columns:repeat(2,1fr);gap:15px!important;justify-content:center;align-items:center}.branding img{width:160px!important}.technologies{gap:0px!important;justify-content:space-evenly!important}.technologies>:nth-child(-n+3){margin-right:20px}.technologies>:nth-child(n+4):nth-child(-n+7){margin-right:5px}.languages{padding:0}.languages i{font-size:1.5rem!important}.languages svg{width:26px;height:26px!important}.language-name{display:none}.main-info-mobile{display:flex!important;flex-direction:column!important;gap:15px}.mobile-row{display:flex!important;justify-content:space-between!important;width:105%}.custom-tooltip-top{font-size:16px!important;width:300px!important}}.main-info-mobile{display:none}body.lightmode{background:#e8e8e8;--white: #222;--border-color: #38383886;--grey: #222}body.lightmode .tag:hover{color:var(--white)}body.lightmode .tag:nth-child(3):hover{color:#222}body.lightmode .pfp,body.lightmode .logo-outer img,body.lightmode .logo-inner img{filter:grayscale(1) brightness(0)}body.lightmode .pfp img{filter:invert();border-color:var(--border-color)}body.lightmode .imafed{filter:invert()}body.lightmode .imafed.emogirls{filter:brightness()}body.lightmode .toast,body.lightmode .custom-tooltip,body.lightmode .custom-tooltip-top{background-color:#fff!important;box-shadow:none;color:var(--white)}.description.imafed-desc:hover{color:#1b73fe}.description.emogirls:hover{color:#ff3379}.imafed-lang-icons i:hover{transform:scale(1.2) rotate(5deg)}.imafed-lang-icons i:nth-child(1):hover,.languages.js i:hover{color:var(--js-color)}.imafed-lang-icons i:nth-child(2):hover,.languages.html i:hover{color:var(--html-color)}.imafed-lang-icons i:nth-child(3):hover,.languages.css i:hover{color:var(--css-color)}.languages.react i:hover{color:#61dbfb}.languages.type svg:hover{fill:#007acc}.languages.python svg:hover{fill:#306998}.languages.c-sharp svg:hover{fill:#9b4993}.languages.tw svg:hover{fill:#37bdf8}.tag:nth-child(1):hover{background-color:var(--html-color);color:var(--white)}.tag:nth-child(2):hover{background-color:var(--css-color);color:var(--white)}.tag:nth-child(3):hover{background-color:var(--js-color);color:var(--tag3-color)}:root{--white: #e8e8e8;--grey: #ccc;--radius-md: 8px;--radius-full: 50%;--font-l: 2rem;--font-md: 1rem;--font-sm: .8rem;--light-main: black;--border-color: rgba(255, 255, 255, .1);--bg: rgb(11, 11, 11);--tag3-color: #222;--js-color: #F0DB4F;--html-color: #e34c26;--css-color: #663399}body,html{margin:0;padding:0;background-color:var(--bg);font-family:Satoshi,sans-serif;letter-spacing:.5px;overflow:auto;user-select:none;-webkit-user-select:none;-ms-user-select:none;text-align:left;position:relative;color:var(--white)}body:before,body:after{content:"";position:fixed;width:80%;height:120%;filter:blur(100px);pointer-events:none;z-index:0}body:before{top:-50%;left:-45%;background:radial-gradient(ellipse at center,rgba(250,128,185,.3) 0%,rgba(242,150,177,.1) 40%,transparent 70%)}body:after{bottom:-50%;right:-45%;background:radial-gradient(ellipse at center,rgba(250,128,185,.3) 0%,rgba(242,150,177,.1) 40%,transparent 70%)}body.lightmode:before,body.lightmode:after{background:radial-gradient(ellipse at center,rgba(250,128,185,.408) 0%,rgba(242,150,178,.365) 40%,transparent 70%)}.time{position:absolute;top:20px;right:20px;color:#403f3f;font-size:var(--font-sm)}.time-row{gap:5px}.main-layout{position:relative;top:0;left:50%;transform:translate(-50%);width:700px;padding:20px;gap:20px;z-index:10}.nav-bar{justify-content:space-between;height:40px;margin-bottom:20px;align-items:center}.nav-center-wrapper{position:relative;display:inline-block}.nav-center{font-size:var(--font-sm)}.translate{font-size:1.2rem}.custom-tooltip,.custom-tooltip-top{position:absolute;left:50%;transform:translate(-50%);background:#0e0e0e;border:1px solid rgba(242,150,178,.262);box-shadow:0 0 5px #000,0 0 15px #000,0 0 25px #000;font-size:var(--font-sm);padding:12px;border-radius:8px;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:999;opacity:0}.custom-tooltip{top:180%;min-width:300px}.custom-tooltip-top{bottom:180%;width:400px}.custom-tooltip-top.project{bottom:110%}.project-img:hover .custom-tooltip-top,.wisdom:hover .custom-tooltip-top,.question:hover .custom-tooltip,.nav-center-wrapper:hover .custom-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.egg-title{gap:5px;align-items:flex-start;margin-bottom:10px}.easter-egg-title,.egg-icon i{font-size:1.3rem}.egg-description{color:var(--grey);font-size:.9rem}.right-side-nav{gap:10px}.left-side-nav{gap:4px}.logo img{filter:invert();aspect-ratio:1;width:50px}.logo-outer img{width:25px;height:60px;transition:all .3s ease}.logo-inner img{position:absolute;top:1%;left:5.3%;width:20px;aspect-ratio:1;transition:all .3s ease}.left-side-nav:hover .logo-inner img{transform:translateY(-5px);filter:drop-shadow(0px 0px 20px #ff81ad)}.left-side-nav:hover .logo-outer img{transform:translate(-5px);filter:drop-shadow(0px 0px 20px #ff81ad)}.left-side-nav:hover .logo-right img{transform:translate(5px);filter:drop-shadow(0px 0px 20px #ff81ad)}.social-icon{transition:all .3s ease}.social-icon i{font-size:1.5rem;cursor:pointer;transition:opacity .25s ease}.social-icon svg{width:1.9rem;height:1.9rem}.social-icon i.fade-out{opacity:0}.social-icon:hover{transform:scale(1.2) rotate(5deg)}.pfp img{width:110px;aspect-ratio:1;border-radius:var(--radius-full);border:1px solid var(--white);margin-right:20px}.pfp img:hover{animation:spin .6s ease-in-out 1}.info{justify-content:flex-start;gap:10px}.hi.desktop{display:flex;gap:8px}.hi{font-size:var(--font-l)}.hi.past-hi{font-size:1.2rem}.hi-USA{justify-content:space-between;align-items:center}.emoji:hover{animation:wave 1s ease-in-out infinite;display:inline-block}.description{font-size:var(--font-md);color:var(--grey)}.description.past-desc{font-size:var(--font-sm)}.description.emogirls,.description.imafed-desc{transition:.3s ease}.USA-wrapper{display:flex;align-items:flex-end;justify-content:right}.USA{position:relative;gap:5px;overflow:visible;width:max-content}.flags{position:absolute;top:0;right:25px;pointer-events:none}.flag{position:absolute;font-size:1.2rem;opacity:0;transform:translateY(0) scale(1)}.USA:hover .flag:nth-child(1){animation:flag .6s ease-out forwards}.USA i{margin-top:2px;font-size:var(--font-md);color:var(--grey)}.location{color:var(--grey)}.divider{width:100%;height:1px;border-radius:var(--radius-full);background-color:var(--border-color)}.current-work{gap:10px}.currently{font-size:.7rem;color:var(--grey);animation:slideInLeft .6s ease-out forwards}.current-work-info{align-items:center;justify-content:space-between;width:100%}.job-info{gap:5px;justify-content:center}.imafed{width:40px;height:30px;filter:brightness(300%)}.imafed.past-logo{width:20px;height:20px}.imafed-lang-icons{gap:10px;font-size:1.5rem}.imafed-lang-icons.past-lang-icons{font-size:1.2rem}.imafed-lang-icons i{transition:all .3s ease}.recent-projects{gap:20px}.technologies,.branding,.project-rows{justify-content:space-between;gap:20px}.project-card{flex:1;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.project-img{object-fit:cover;display:inline-block;position:relative}.project-img img{width:100%;height:100%;border-bottom:1px solid var(--border-color);transition:all .3s ease;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.project-info{padding:5px 10px;gap:10px}.project-info-main{align-items:center;justify-content:space-between}.project-title{font-size:1.2rem}.arrow-icon{display:flex;transition:all .3s ease;cursor:pointer}.arrow-icon:hover{transform:rotate(45deg)}.arrow-icon svg{width:20px;height:20px;fill:var(--white);transform:rotate(45deg)}.project-description{gap:5px;justify-content:flex-start}.project-desc-text{font-size:12px;text-align:left;line-height:1.5}.project-tags{align-items:center;justify-content:space-between}.tags{gap:5px}.tag{font-size:10px;color:var(--grey);border-radius:20px;border:1px solid var(--border-color);padding:3px 5px;transition:.3s ease}.in-progress{background-color:#58d66040;padding:3px 5px;border-radius:20px;gap:5px}.dot{width:5px;height:5px;border-radius:var(--radius-full);background-color:#086d02}.branding img{border:1px solid var(--border-color);border-radius:var(--radius-md);width:150px;aspect-ratio:1;object-fit:cover;transition:.3s ease}.branding img:hover{transform:scale(1.1)}.languages{gap:10px;aspect-ratio:1}.languages i{font-size:3rem;transition:all .3s ease}.languages svg:hover,.languages i:hover{transform:scale(1.2)}.languages svg{fill:var(--white);width:3rem;height:3rem;transition:all .3s ease}.language-name{font-size:var(--font-md);stroke:var(--white)}.cta{gap:10px}.cta-title{font-size:var(--font-l)}.wisdom{color:var(--grey);font-size:.7rem;position:relative;cursor:pointer}#toast-container{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:var(--bg);color:#fff;padding:12px;border-radius:8px;border:1px solid rgba(242,150,178,.262);min-width:200px;max-width:300px;opacity:0;transform:translateY(20px);animation:slideIn .3s forwards,fadeOut .5s 2.5s forwards}.egg-icon{display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,150,178,.262);border-radius:6px;padding:5px}.egg-icon i{font-size:1.2rem}.egg-title{gap:10px;align-items:center}.easter-egg-title{font-size:1.2rem}button{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#fff0;border-radius:10px;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#fff0}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0) transparent}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:left}