: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:#0f172a;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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#0a192f;color:#ccd6f6}a{color:#fff;transition:.3s}a:hover{color:#fe5f55}.outer-container{display:flex;justify-content:center;width:100vw;min-height:100vh;box-sizing:border-box;padding:0 48px;overflow-x:visible}.container{max-width:1100px;width:100%;display:flex;flex-direction:row;gap:1rem;height:100vh;padding:0}.sidebar{width:45%;background:#0a192f;padding:95px 0;display:flex;flex-direction:column;justify-content:space-between;text-align:start}.sidebar-title{font-weight:700;font-size:2.8rem;color:#fff;margin:0 0 8px;-webkit-user-select:none;user-select:none;filter:none;will-change:filter;transition:filter .3s}.sidebar-title:hover,.clickable-name:hover,.clickable-name.animate{filter:drop-shadow(0 0 25px #61dafbaa)}.sidebar-role{font-weight:400;font-size:1.5rem;color:#fff;margin:0 0 8px}.location{color:#8892b0;margin:0 0 20px}.sidebar-desc{color:#8892b0;margin:0 0 40px;font-size:1.1rem;max-width:20rem}.section-list{margin-top:60px;width:50%}.section-link{position:relative;color:#8892b0;font-size:15px;text-transform:uppercase;font-weight:700;margin-bottom:20px;display:flex;align-items:center;text-decoration:none;padding-left:25px;transition:.5s}.section-link:before{content:"";position:absolute;left:0;transform:translateY(-50%);width:20px;height:1px;background:#8892b0;opacity:.4;border-radius:2px;transition:.5s}.section-link.active,.section-link:hover{color:#fff;padding-left:55px}.section-link.active:before,.section-link:hover:before{background:#fff;opacity:1;width:45px}.sidebar-footer{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-top:30px;margin-left:4px}.main-content{padding:95px 0;height:100vh+10px;overflow-y:scroll;flex:1;background:#0a192f;overflow-x:visible}.main-content::-webkit-scrollbar{display:none}.section{margin-bottom:9rem;text-align:start}#root{max-width:1280px;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.foot-text p{max-width:500px;text-align:start;font-size:.8rem;margin:0;color:#8892b0;opacity:80%}.photo-text{display:flex;flex-direction:row;gap:3rem}.photo-text p{color:#fff;font-weight:700}.clickable-name{cursor:pointer;transition:color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),filter .3s;will-change:filter}.clickable-name:hover{filter:drop-shadow(0 0 25px #61dafbaa)}.clickable-name.tripp{color:#fe5f55}.clickable-name.animate{animation:popColor .5s cubic-bezier(.4,0,.2,1)}@keyframes popColor{0%{transform:scale(1);filter:drop-shadow(0 0 25px #61dafbaa) brightness(1)}30%{transform:scale(1.15) rotate(-2deg);filter:drop-shadow(0 0 25px #61dafbaa) brightness(1.5)}60%{transform:scale(.95) rotate(2deg);filter:drop-shadow(0 0 25px #61dafbaa) brightness(1.2)}to{transform:scale(1);filter:drop-shadow(0 0 25px #61dafbaa) brightness(1)}}.nickname-tooltip{display:none;position:absolute;left:21%;top:-30px;transform:translate(-50%);color:#fe5f55;border-radius:16px;padding:7.5px 16.5px;font-size:.79rem;font-weight:500;z-index:10;pointer-events:none;opacity:1;transition:opacity .3s,transform .3s;animation:tooltip-pop 2s}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-1000%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1)}}.nickname-tooltip.hide{opacity:0;transition:opacity .5s;pointer-events:none}.social-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.social-image{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(68%) sepia(7%) saturate(1042%) hue-rotate(186deg) brightness(.9);transition:filter .2s linear}.social-button:hover .social-image{filter:brightness(0) saturate(100%) invert(68%) sepia(7%) saturate(1042%) hue-rotate(186deg) brightness(1.5)}.about p{margin-top:0}.name-hover{position:relative;cursor:pointer;color:#fff}.name-hover:after{content:"Click the big name on the left to change it";position:absolute;bottom:110%;left:50%;transform:translate(-50%);padding:8px;border:2px solid rgb(254,95,85);color:#fff;border-radius:10px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;margin-bottom:8px;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.name-hover:hover:after{opacity:1;visibility:visible}.name-hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fe5f55;margin-bottom:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.name-hover:hover:before{opacity:1;visibility:visible}._card_i650h_1{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;border-radius:5px;padding:20px;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:none;border:outset rgba(36,54,74,0) 2px;cursor:pointer;max-width:900px;margin-bottom:3rem}._leftCol_i650h_16{min-width:140px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}._years_i650h_24{color:#8892b0;font-size:.75rem;font-weight:500;letter-spacing:.05em}._rightCol_i650h_31{flex:1;display:flex;flex-direction:column}._header_i650h_37{margin-bottom:0rem;margin-top:0rem}._title_i650h_42,._company_i650h_48{color:#fff;font-size:1rem;letter-spacing:.01em}._arrow_i650h_54{font-size:.8rem;vertical-align:middle;display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}._description_i650h_62{color:#8892b0;font-size:.875rem;margin:5px 0 12px;max-width:700px}._languages_i650h_69{display:flex;gap:1rem;flex-wrap:wrap}._language_i650h_69{background:#fe5f551a;color:#fe5f55;font-size:.9rem;padding:4px 12px;border-radius:999px;letter-spacing:.01em}._card_i650h_1:hover{background:#24364a4d;box-shadow:5px 5px 5px #0000001a;border:outset rgba(36,54,74,.1) 2px}._card_i650h_1:hover ._title_i650h_42,._card_i650h_1:hover ._company_i650h_48{color:#fe5f55}._card_i650h_1:hover ._arrow_i650h_54{transform:translate(4px,-4px)}._resumeLink_n1jd8_1{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem;text-decoration:none;margin-top:1rem;transition:color .3s;margin-left:20px}._resumeLink_n1jd8_1:hover{color:#fe5f55}._resumeArrow_n1jd8_17{font-size:.8rem;translate:-2px 2px;transition:transform .3s}._resumeLink_n1jd8_1:hover ._resumeArrow_n1jd8_17{transform:translate(4px,-4px)}._card_1d101_1{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;border-radius:5px;padding:20px;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:none;border:outset rgba(36,54,74,0) 2px;cursor:pointer;max-width:900px;margin-bottom:3rem}._leftCol_1d101_16{min-width:140px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}._image_1d101_24{width:140px;height:80px;object-fit:cover;object-position:top;border-radius:10px;margin-bottom:1.5rem;border:2px solid #232946}._rightCol_1d101_34{flex:1;display:flex;flex-direction:column}._header_1d101_40{margin-bottom:0rem;margin-top:0rem}._title_1d101_45{color:#fff;font-size:1rem;letter-spacing:.01em}._arrow_1d101_51{font-size:.8rem;vertical-align:middle;display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;margin-left:5px}._description_1d101_60{color:#8892b0;font-size:.875rem;margin:5px 0 12px;max-width:700px}._languages_1d101_67{display:flex;gap:1rem;flex-wrap:wrap}._language_1d101_67{background:#fe5f551a;color:#fe5f55;font-size:.9rem;padding:4px 12px;border-radius:999px;letter-spacing:.01em}._card_1d101_1:hover{background:#24364a4d;box-shadow:5px 5px 5px #0000001a;border:outset rgba(36,54,74,.1) 2px}._card_1d101_1:hover ._title_1d101_45,._card_1d101_1:hover ._company_1d101_89{color:#fe5f55}._card_1d101_1:hover ._arrow_1d101_51{transform:translate(4px,-4px)}.photo-portfolio-wrapper{display:flex;justify-content:center;margin-bottom:9rem}.sparkle-button{--active: 0;--main: rgb(254, 95, 85);--bg: radial-gradient( 40% 50% at center 100%, rgba(254, 95, 85, calc(var(--active))), transparent ), radial-gradient( 80% 100% at center 120%, rgba(254, 95, 85, calc(var(--active) * .7)), transparent ), rgb(254, 95, 85);background:var(--bg);font-size:1.2rem;font-weight:500;border:0;cursor:pointer;padding:1em;display:flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:100px;position:relative;box-shadow:0 0 calc(var(--active) * 3em) calc(var(--active) * 1em) #fe5f55bf,0 0 #fe5f55 inset,0 -.05em #fe5f55 inset;transition:box-shadow .3s,scale .3s,background .3s;scale:calc(1 + (var(--active) * .1))}.sparkle-button:active{scale:1;transition:.3s}.sparkle path{stroke:#fff!important;fill:none!important;transition:stroke .3s,fill .3s}.sparkle rect,.sparkle circle{stroke:#fff!important;fill:none!important;transition:stroke .3s,fill .3s}.sparkle-button:is(:hover,:focus-visible) path,.sparkle-button:is(:hover,:focus-visible) rect,.sparkle-button:is(:hover,:focus-visible) circle{filter:brightness(1.2)}@keyframes bounce{35%,65%{scale:var(--scale)}}.sparkle path:nth-of-type(1),.sparkle rect:nth-of-type(1){--scale: .5;--base: 40%}.sparkle path:nth-of-type(2),.sparkle rect:nth-of-type(2){--scale: 1.5;--base: 20%}.sparkle path:nth-of-type(3),.sparkle rect:nth-of-type(3){--scale: 2.5;--base: 30%}.sparkle-button:before{content:"";position:absolute;top:-.2em;right:-.2em;bottom:-.2em;left:-.2em;z-index:-1;border:.25em solid rgba(254,95,85,.5);border-radius:100px;opacity:var(--active, 0);transition:opacity .3s}.spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%)}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0%;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity .3s}.spark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);border-radius:100px;transition:background .3s}.sp{position:relative}.text{translate:2% -6%;letter-spacing:.01ch;background:linear-gradient(90deg,#fe5f55,#fe5f55cc);-webkit-background-clip:text;background-clip:text;color:#fff;transition:background .3s}.sparkle-button svg{inline-size:1.25em;translate:-25% -5%}@supports (selector(:has(:is(+ *)))){body:has(button:is(:hover,:focus-visible)){--active: 1;--play-state: running}.bodydrop{display:none}}.sparkle-button:is(:hover,:focus-visible)~:is(.bodydrop,.particle-pen){--active: 1;--play-state: runnin}.sparkle-button:is(:hover,:focus-visible){--active: 1;--play-state: running}.particle-pen{position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;mask:radial-gradient(white,transparent 65%);z-index:-1;opacity:var(--active, 0);transition:opacity var(--transition)}.particle{fill:#fff;width:calc(var(--size, .25) * 1rem);aspect-ratio:1;position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha, 1);animation:float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x, 1000%) var(--origin-y, 1000%);z-index:-1;animation-play-state:var(--play-state, paused)}.particle path{fill:#e6e6e6;stroke:none}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:360deg}}