:root{font-family:Nunito Sans,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#18230f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#2eba7c;color:#252525}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#2eba7c}body{margin:0}#root{max-width:1400px;margin:0 auto;padding:0 2rem}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:#2eba7c}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.react:hover{filter:drop-shadow(0 0 2em #2eba7caa)}@keyframes shake{0%,10%,to{transform:rotate(0)}4%{transform:rotate(-8deg)}6%{transform:rotate(8deg)}8%{transform:rotate(-8deg)}}@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}.header{font-family:Inter,sans-serif;font-size:2.5rem;margin-bottom:.5rem}.subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:1.2rem;margin-bottom:1rem}.subtext{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:1rem;color:#fff9;margin-bottom:2rem}.subtext-line-break{display:block}.read-the-docs{color:#888}.section-divider{border:0;height:1px;background-color:#ffffff1a;margin:0 0 6rem}.radial-gradient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.main-container{display:flex;align-items:flex-start;gap:2rem}.left-container{width:40%;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:4rem 2rem 6rem}.right-container{width:60%;padding:4rem 2rem}.content-section{text-align:left;scroll-margin-top:6rem;margin-bottom:6rem}.content-section p{line-height:1.7;color:#ffffffb3;margin-bottom:1rem}.content-section a{color:#fff;font-weight:500;transition:color .5s ease}.content-section a:hover{color:#ff6500}.project-link{display:block;text-decoration:none;color:inherit;margin-bottom:1.5rem}.project-card{padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#ffffff0d;transition:background-color .3s ease,border-color .3s ease;position:relative}.project-link:hover .project-card{background-color:#ffffff1a}.project-card h3{font-size:1.2rem;font-weight:700;color:#ffffffe6;margin-top:0;margin-bottom:.75rem;transition:color .3s ease;display:flex;align-items:center}.project-link:hover .project-card:not(.kitchen-card) h3{color:#2eba7c}.project-link:hover .project-card.kitchen-card h3{color:#ff6500}.project-card .external-link-icon{margin-left:.5rem;font-size:1em;opacity:0;transform:translate(-5px,-5px);transition:opacity .3s ease,transform .3s ease}.project-link:hover .project-card .external-link-icon{opacity:1;transform:translate(0)}.project-card p{color:#ffffffb3;margin-bottom:1rem;padding-right:2.5rem}.project-icon{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:#fff3;transition:color .3s ease}.project-link:hover .project-icon{color:#2eba7c}.project-link:hover .kitchen-card .project-icon{color:#ff6500}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tags span{font-size:.8rem;font-weight:700;color:#2eba7c;background-color:#2eba7c1a;padding:.25rem .5rem;border-radius:12px}.project-tags .tag-live{color:#3b82f6;background-color:#3b82f61a}.project-tags .tag-in-progress{color:#f59e0b;background-color:#f59e0b1a}.navigation-menu{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-top:4rem;align-items:flex-start}.navigation-menu a{font-size:1rem;text-decoration:none;color:#ffffffde;transition:color .25s;display:flex;align-items:center}.navigation-menu a:before{content:"";height:2px;width:0;background-color:#2eba7c;transition:width .3s ease,margin-right .3s ease}.navigation-menu a:hover:before,.navigation-menu a.active:before{width:3rem;margin-right:.75rem}.navigation-menu a:hover,.navigation-menu a.active{color:#2eba7c}.social-media-links{display:flex;gap:1.5rem;margin-top:auto}.social-media-links a{color:#ffffffb3;transition:color .5s}.social-media-links a:hover{color:#2eba7c}.social-media-links svg{width:30px;height:30px;fill:currentColor}.footer-icon-container{text-align:right;padding-top:20rem}.footer-icon{width:50px;height:50px;opacity:.6;animation:shake 5s ease-in-out infinite;transition:opacity .5s ease}.footer-icon:hover{opacity:1;animation:logo-spin 1s infinite}.mobile-header{display:none;font-family:Inter,sans-serif;font-size:2rem;margin-bottom:2rem;text-align:center}@media (max-width: 768px){#root{padding:0}.main-container{flex-direction:column;gap:0}.left-container{position:static;width:100%;height:auto;text-align:center;padding:2rem;padding-bottom:0}.navigation-menu{display:none}.mobile-header{display:block}.right-container{width:100%;padding:2rem}.social-media-links{justify-content:center;margin-top:2rem}}