@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.2;font-weight:500}button{border:0;padding:0;font-size:inherit;font-weight:inherit;font-family:inherit;background-color:transparent;cursor:pointer;transition:opacity .2s ease}button:hover{opacity:.8}button:focus,button:focus-visible{outline:0px solid currentColor}.intro-animation{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--background-color, #000);z-index:1000;opacity:0;transition:opacity 1s ease-in-out}.intro-animation.fadeIn{opacity:0;animation:fadeIn 1s forwards}.intro-animation.visible{opacity:1}.intro-animation.fadeOut{animation:fadeOut 1s forwards}.intro-logo{width:200px;height:200px}.progress-logo path{stroke:var(--text-color, #fff);stroke-width:2;fill:none;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--background-color: #ffffff;--text-color: #000000;--transition-speed: .3s;--transition-easing: ease;--font-size: 14px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;font-size:var(--font-size);color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='8' cy='8' r='4' fill='%23000000' /></svg>") 8 8,auto}[data-theme=dark]{--background-color: #121214;--text-color: #ffffff;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='8' cy='8' r='4' fill='%23ffffff' /></svg>") 8 8,auto}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}body{color:var(--text-color);background-color:var(--background-color);transition:background-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing);width:100%;min-height:100vh;overflow-x:hidden;font-size:var(--font-size)}a{color:inherit;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23000000' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer}[data-theme=dark] a{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23ffffff' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer}img{max-width:100%;height:auto;display:block}#root{width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.container{width:100%;max-width:100%;margin:0 auto;text-align:left;padding-top:0;opacity:0;transition:opacity 1s ease-in-out}.container.fade-in{opacity:1}.text{color:var(--text-color);font-family:inherit;line-height:inherit;text-decoration:none;font-size:var(--font-size)}.text-link{color:var(--text-color);text-decoration:underline;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23000000' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer;font-family:inherit;line-height:inherit;font-size:var(--font-size)}[data-theme=dark] .text-link{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23ffffff' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer}.text-link:hover{text-decoration:underline;font-family:inherit;line-height:inherit}button{border-radius:0;border:0px solid transparent;padding:0;font-size:inherit;font-weight:inherit;font-family:inherit;background-color:transparent;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23000000' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer;transition:opacity var(--transition-speed) var(--transition-easing),transform var(--transition-speed) var(--transition-easing)}[data-theme=dark] button{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23ffffff' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/></svg>") 12 12,pointer}.project-item-container{padding:var(--spacing-md) 0;transition:all var(--transition-speed) var(--transition-easing)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#root{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.project-item-spacing>*+*{margin-top:var(--spacing-sm)}}@media (max-width: 480px){:root{--spacing-md: 1.25rem;--spacing-xs: .5rem}#root{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg) var(--spacing-md)}}
