@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark;--primary-pink: #EA18BE;--primary-yellow: #EDAE11;--primary-blue: #18E0EA;--pink-deep: #700053;--pink-tint-1: #FA71D7;--pink-tint-2: #FFB3EC;--pink-tint-3: #FFD2F4;--yellow-deep: #674C00;--yellow-tint-1: #FFD561;--yellow-tint-2: #FFE8A8;--yellow-tint-3: #FFF6DC;--blue-deep: #004F56;--blue-tint-1: #5CF1FF;--blue-tint-2: #9CF7FF;--blue-tint-3: #D0FBFF;--white: #FFFFFF;--black: #000000;color:var(--blue-deep);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Kumbh Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;min-width:320px;height:100vh}h1{font-size:5rem;margin:.8rem 0}h2{font-size:2rem;font-weight:200}h3{font-size:2rem;font-weight:200;margin:0}.portfolio h3{text-transform:lowercase}h4{font-weight:500;font-size:1.5rem;margin:1rem 0 .5rem}h5{font-weight:400;letter-spacing:.1rem;opacity:60%;font-size:1rem}p{margin:1rem 0}.outline{-webkit-text-fill-color:transparent;-webkit-text-stroke:2px}hr{border:none;height:1px;background-color:var(--blue-deep);opacity:.5;margin:20px 0}#root{width:100%}body,html{margin:0;padding:0;height:100%;scrollbar-gutter:stable;scrollbar-color:var(--pink-tint-2) transparent}.header-nav{width:100%;display:flex;gap:20px;justify-content:end;position:fixed;top:0;right:0;padding:40px;z-index:1000;transition:transform .3s ease-in-out}.header-nav.hidden{transform:translateY(-100%)}.header-nav.visible{transform:translateY(0)}.header-nav a,.header-nav button{background-color:transparent;color:var(--blue-deep);border:1px solid transparent;font-size:1rem;font-weight:300;font-family:inherit;cursor:pointer;text-transform:lowercase;text-decoration:none;padding:5px 0;transition:color .3s ease,font-weight .3s ease}.header-nav a:hover,.header-nav a:focus,.header-nav button:hover,.header-nav button:focus{font-weight:500}.header-nav a.active,.header-nav button.active{border-bottom:1px solid var(--blue-deep)}.header{padding:80px 40px 0;min-height:50vh;display:flex}.header.background{background-color:var(--blue-tint-3);background-image:url(/assets/gradient-light-CMqe2dL3.png);background-size:cover;background-position:center;border-bottom:1px solid var(--blue-deep)}.intro{max-width:600px;border:1px solid var(--blue-deep);background-color:var(--white);padding:10px 25px;box-shadow:8px 8px 0 var(--blue-deep);position:relative;top:16vh}.portfolio{margin-top:5vh;padding:40px}.portfolio-title{font-size:8rem;margin:10rem 0 2rem;color:var(--blue-deep);font-weight:800;opacity:.2;letter-spacing:.02em;line-height:5rem}.project-group{margin-bottom:80px}.project-header{display:flex;align-items:center;margin-bottom:20px}.project-indicator{display:inline-block;width:4rem;height:2px;margin-right:20px}.blue-style .project-indicator{background-color:var(--blue-deep)}.pink-style .project-indicator{background-color:var(--pink-deep)}.project-buttons{display:flex;flex-direction:column;gap:2rem}.project-tabs{display:flex;flex-direction:row;justify-content:space-between;gap:80px;min-height:400px}.project-details{max-width:600px}.project-buttons button{background-color:var(--white);padding:10px 25px;font-size:2rem;font-weight:200;font-family:inherit;text-transform:lowercase;text-align:left;letter-spacing:.02em;transition:box-shadow .3s ease,color .3s ease;cursor:pointer;min-width:10rem}.blue-style .project-buttons button{color:var(--blue-deep);border:2px solid var(--blue-deep);box-shadow:8px 8px 0 var(--blue-deep)}.pink-style .project-buttons button{color:var(--pink-deep);border:2px solid var(--pink-deep);box-shadow:8px 8px 0 var(--pink-deep)}.project-buttons button:hover,.project-buttons button:focus{box-shadow:12px 12px}.blue-style .project-buttons button.active{box-shadow:4px 4px 0 var(--blue-deep);background-color:var(--blue-tint-3)}.pink-style .project-buttons button.active{box-shadow:4px 4px 0 var(--pink-deep);background-color:var(--pink-tint-3)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}span.tag{color:var(--blue-deep);padding:5px 10px;border-radius:1px;font-size:1rem}.blue-style span.tag{background-color:var(--blue-tint-3)}.pink-style span.tag{background-color:var(--pink-tint-3)}.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue-deep);text-decoration:none;font-weight:500;transition:all .3s ease;background-color:transparent;border:none;font-size:inherit;font-family:inherit;cursor:pointer}.project-link svg{transition:transform .3s ease}.project-link:hover svg{transform:translate(4px)}.resume-content .bold{font-weight:600;letter-spacing:.05rem;margin-right:5px}ul{list-style:none;padding-left:0}ul li{position:relative;padding-left:20px;margin-bottom:20px}ul li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border:1.5px solid var(--blue-deep);border-radius:50%;background:transparent}ul>li>ul{padding-left:20px}ul>li>ul>li{margin-bottom:10px}ul>li>ul>li:before{top:.5em;width:6px;height:6px;background:var(--blue-deep)}.full-height{height:100vh;overflow:hidden;display:flex;flex-direction:column}.content-width{width:100%;max-width:1200px;margin:0 auto;height:100%}.flex-row{display:flex;flex-direction:row;height:100%;gap:80px;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.resume-menu{height:100%;overflow-y:auto}.resume-content{flex:1;padding:140px 0;max-height:100%;overflow-y:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.resume-content::-webkit-scrollbar{display:none}.resume-content::-webkit-scrollbar-thumb{display:none}.resume-menu-links{display:flex;flex-direction:column;gap:10px;margin:40px 0}.resume-indicator{background-color:var(--blue-deep);display:inline-block;width:1.5rem;height:1px;margin-right:20px;transition:all .3s ease}.resume-link{display:flex;align-items:center;color:var(--blue-deep);text-decoration:none;font-weight:200;transition:all .3s ease}.resume-link:hover{font-weight:400}.resume-link:hover .resume-indicator{width:3rem}.carousel{margin-top:40px;display:flex;flex-direction:row;gap:20px}.carousel-image{width:100%;height:auto;border:1px solid var(--blue-deep);box-shadow:8px 8px 0 var(--blue-deep)}.carousel-btn{cursor:pointer}.carousel-btn svg{width:32px;height:32px;stroke:var(--blue-deep);transition:fill .3s ease}.footer{padding:20px 40px}.footer-links{display:flex;gap:20px}.footer svg{width:32px;height:32px;fill:var(--blue-deep);transition:fill .3s ease}.footer svg:hover{fill:var(--deep-pink)}@media (max-width: 1024px){.portfolio{margin-top:15vh}.project-tabs{flex-direction:column;gap:40px}.project-buttons{flex-direction:row;flex-wrap:wrap;gap:20px}.project-buttons button{font-size:1.5rem}.full-height{height:auto;overflow:unset}.flex-row{flex-direction:column;gap:10px;align-items:start}.resume-content{max-height:unset;overflow-y:unset;padding:0 0 40px}.resume-menu{width:100%}}@media (max-width: 768px){.header{min-height:40vh}.portfolio-title{font-size:5rem;margin:1rem 0}}