:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding:16px;background-color:#000623e5;position:sticky;top:0;z-index:1000}.navbar-item{padding:8px 24px;color:#acb5c5;cursor:pointer}.navbar-item.active{color:#fff}.cursor{display:inline-block;margin-left:2px;animation:blink 1s step-start infinite}.typewriter-container{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;font-family:monospace;transition:opacity .6s ease,transform .6s ease}.with-background{background-color:#fff;color:#000;animation:blink-cursor 1s step-start infinite}.toContinue{font-size:24px;margin-top:16px;color:#7f899c;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.toContinue.show{opacity:1;transform:translateY(0)}.hide{opacity:0;transform:translateY(20px)}@keyframes blink-cursor{50%{background-color:#fff0;color:#fff}}@keyframes blink{50%{opacity:0}}.hero{display:grid;grid-template-columns:7fr 5fr;column-gap:50px;margin-top:96px}.hero img{width:100%;height:100%;object-fit:contain;border-radius:200px}.waikei{line-height:112px;margin:0;font-weight:500;transform:translate(-2%)}.hero-left{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;text-align:left}.tag{background-color:#678bc3;border-radius:24px;padding:8px 20px;margin-right:16px}.small-tag{background-color:#678bc3;border-radius:24px;padding:4px 16px;margin-right:16px}.tagList{display:flex;flex-direction:row;flex-wrap:wrap}.techstack-container{margin-top:128px;width:100%}.tech-container{display:flex;flex-direction:row;justify-content:flex-start;background-color:#3f5b8860;border-radius:32px;padding:16px 32px;margin-top:8px;transition:max-height .3s ease;max-height:95px;overflow:hidden}.tech-logo-img{width:60px;height:60px;transition:transform .3s ease}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-right:24px}.caption{margin:8px 0 0;opacity:0;max-height:0;transition:opacity .3s ease,max-height .3s ease;overflow:hidden}.caption.hover{opacity:1;max-height:24px}.tech-logo-img.hover{transform:scale(1.1)}.project-container{display:flex;flex-direction:column;align-items:start;width:100%}.project-grid{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%}.project-pair{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin-bottom:24px;grid-auto-rows:250px}.tabs{display:flex;gap:32px;margin-bottom:24px}.tab{position:relative;font-weight:500;cursor:pointer;color:#acb5c5}.tab:after{content:"";position:absolute;left:0;bottom:-4px;width:20%;height:2px;background-color:#acb5c5;transition:width .3s ease}.tab.active{color:#fff}.tab.active:after{width:100%}.tab:hover:after{width:100%}.project-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.project-desc{background-color:#5272a480;border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-desc a{color:#66c4ff;font-weight:300;text-decoration:underline;cursor:pointer}.project-tag-container{display:flex;flex-direction:row;justify-content:start;align-items:center;margin-top:24px;flex-wrap:wrap}.link-parent{position:absolute;bottom:8px;right:4px;display:flex;justify-content:center;align-items:center}.link-button{background:#0210388f;padding:12px 12px 8px;border-radius:24px;transition:transform .2s ease;cursor:pointer;margin:0 4px}.link-button:hover{transform:scale(1.1);background:#021038e6}.link-parent img{width:25px;height:25px}.link-button.github{padding-bottom:6px}.career-parent{display:flex;flex-direction:column;width:100%;margin-top:120px}.timeline-parent{display:flex;flex-direction:column;width:100%;margin-top:24px;position:relative}.job-parent{display:flex;align-items:center;margin:24px 0}.job-desc{background-color:#5272a480;border-radius:16px;padding:16px 24px;width:100%}.job-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.job-image{width:80px;height:80px;border-radius:50px;background-color:#fff;margin:0 48px 0 32px;z-index:3}.line{position:absolute;background-color:#fff;width:4px;z-index:1}.contact-parent{margin-top:128px;width:100%;border-radius:24px;background-color:#5272a480;padding:16px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-logo-container{display:flex;align-items:center;justify-content:center;margin-top:24px}.contact-logo-container img{width:50px;height:50px;margin:0 16px;transition:transform .2s}.contact-logo-container img:hover{transform:scale(1.2)}#root{margin:0;width:100%}@font-face{font-family:Outfit;src:url(/portfolio/fonts/Outfit-VariableFont_wght.woff2) format("woff2");font-weight:100 900}.main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.content{min-height:100vh;width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;font-family:Outfit,sans-serif;font-weight:400;padding:0 32px;margin-bottom:200px}p{margin:16px 0}.font-16{font-size:16px}.font-20{font-size:20px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-36{font-size:36px}.font-48{font-size:48px}.font-64{font-size:64px}.font-128{font-size:128px}.extra-light{font-weight:200}.light{font-weight:300}.semibold{font-weight:600}.bold{font-weight:700}.subtitle{color:#acb5c5}.margin-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}ul,ol{margin-left:0;padding-left:1em}li{list-style-position:inside;margin-bottom:.25rem}.animated{transition:opacity .6s ease,transform .6s ease;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.animated.hide{opacity:0;transform:translateY(20)}.animated.show{opacity:1;transform:translateY(0)}.scroll-animate.hidden{opacity:0;transform:translateY(20px)}.scroll-animate{display:inline-block;width:auto}.fade-up{animation:fadeUp .5s ease forwards}.slide-left{animation:slideLeft .5s ease forwards}.zoom-in{animation:zoomIn .6s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}