body,html{margin:0;padding:0;height:100vh;overflow:hidden;font-size:1.2rem}body{font-family:var(--font-secondary);background-color:var(--bg-primary);color:var(--text-primary)}body.full-page{overflow:auto!important;height:auto!important}*{box-sizing:border-box}:root{--bg-primary:#0a0a0a;--bg-secondary:#000;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--text-disabled:#444;--accent-primary:#00fffc;--border-color:#333;--border-muted:#90909080;--button-color:#000;--button-color-hover:hsla(0,0%,100%,.2);--button-color-active:rgba(45,45,45,.5);--button-color-disabled:#969696;--font-primary:"Space Mono",monospace;--font-secondary:"Nunito","Arial","Roboto",sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-fast:0.2s linear;--transition-smooth:0.3s ease;--transition-slow:1s ease-out}button{padding:var(--spacing-xs);font-size:1rem;background-color:var(--button-color);color:var(--text-primary);border:1px solid #d3d3d3;border-radius:.3rem;transition:all var(--transition-fast)}button:hover{background-color:var(--button-color-hover);cursor:pointer}button:active{background-color:var(--button-color-active);transform:translateY(.1rem)}button.disabled{background-color:var(--button-color-disabled);cursor:not-allowed}.center{display:flex;justify-content:center}.no-wrap{word-wrap:nowrap}::selection{background:#90909080}::-moz-selection{background:#90909080}a,a:visited{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)!important}a:active{background-color:#0a0a0a}span{display:inline-block}.less-margin{margin-top:4px;margin-bottom:4px}div.divider{width:100%;height:.1rem;background-color:var(--border-muted)}nav{gap:var(--spacing-sm)}header,nav{display:flex}header{align-self:start;justify-content:space-between}footer{align-self:end;display:flex;place-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:.1rem;border-top:1px solid var(--border-muted)}@media screen and (max-width:700px){.Home{display:none}.not-responsive-message{display:grid!important}}::-webkit-scrollbar{width:10px;height:10px;background-color:hsla(0,0%,100%,.1)}::-webkit-scrollbar:hover{width:10px;height:10px;background-color:hsla(0,0%,100%,.15)}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.7);border-radius:10px}::-webkit-scrollbar-thumb:active{background-color:#fff;border-radius:10px}.Home{height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);display:grid;grid-template-rows:auto 1fr auto}.todo{font-size:small}.maintenance-container,.todo{display:flex;justify-content:center}.maintenance-container{min-height:100vh;align-items:center;padding:var(--spacing-lg)}.maintenance-content{text-align:center;opacity:0;transform:translateY(20px)}.maintenance-content.fade-in{animation:fadeIn var(--transition-fast) forwards}.maintenance-content .title{font-size:4rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-lg);text-align:center;font-family:var(--font-primary)}.maintenance-content .subtitle{font-size:1.2rem;margin-bottom:var(--spacing-xl);color:var(--text-muted)}.maintenance-content .social-links{margin-top:var(--spacing-lg)}.maintenance-content .social-links a{color:var(--text-primary);text-decoration:none;font-weight:700;transition:color var(--transition-smooth)}.maintenance-content .social-links a:hover{color:var(--accent-primary)}.maintenance-content .social-links .divider{margin:0 var(--spacing-sm);color:var(--text-disabled)}body.blog-page{font-family:var(--font-primary)}.blog-container{min-height:100vh;padding:var(--spacing-lg);max-width:800px;margin:0 auto}.blog-content{opacity:0;transform:translateY(20px)}.blog-content.fade-in{animation:fadeIn var(--transition-fast) forwards}.blog-header{margin-bottom:var(--spacing-xl)}.blog-back-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;display:block;margin-bottom:var(--spacing-sm);transition:color var(--transition-smooth)}.blog-back-link:hover{color:var(--accent-primary)}.blog-title{font-size:3rem;font-weight:700;text-transform:uppercase;margin:0}.blog-no-posts{color:var(--text-muted);font-size:1.1rem;text-align:center;margin-top:var(--spacing-xl)}.blog-posts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-post-preview{border:1px solid var(--border-color);border-radius:.5rem;padding:var(--spacing-sm);transition:border-color var(--transition-smooth),background-color var(--transition-smooth)}.blog-post-preview:hover{border-color:var(--text-primary);background-color:hsla(0,0%,100%,.02)}.blog-post-link{text-decoration:none;color:inherit;display:block}.blog-post-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.blog-post-date{color:var(--text-muted);font-size:.9rem;display:block;margin-bottom:var(--spacing-xs)}.blog-post-excerpt{color:var(--text-secondary);line-height:1.5;margin:0}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.flex-center{gap:var(--spacing-sm)}.flex-center,.flex-center-gap-xs{display:flex;justify-content:center}.flex-center-gap-xs{gap:var(--spacing-xs)}.grid-portfolio{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.grid-contact{display:grid;grid-template-rows:auto 1fr}.grid-projects{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.grid-center{display:grid;place-items:center;place-self:center}.spacing-component{height:var(--spacing-sm)}.spacing-component.small{height:var(--spacing-xs)}.margin-reset{margin:0}.margin-top-reset{margin-top:0}.text-start{text-align:start}.image-auto-height{height:auto}@media (max-width:768px){.maintenance-content .title{font-size:2.5rem}.maintenance-content .subtitle{font-size:1rem}.maintenance-content .social-links{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.maintenance-content .social-links .divider{display:none}.blog-container{padding:var(--spacing-sm)}.blog-title{font-size:2rem}.blog-post-preview{padding:var(--spacing-xs)}}article{min-height:100%;padding:1rem}article>header{width:100%}.project-header,article>header{position:-webkit-sticky;position:sticky;top:0;background:#000}.project-header{width:-moz-fit-content;width:fit-content;align-self:center}.project-section{display:grid;grid-template-columns:2fr 3fr;grid-gap:1rem;gap:1rem;place-items:center;font-size:.8rem}.active{color:#fff!important}