@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";.top-banner-wrapper{width:100%;display:block;background-color:#000;padding-bottom:4em}.top-banner-img{width:100%;height:250px;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}@media(max-width:768px){.top-banner-wrapper{padding-bottom:1em}.top-banner-img{height:100px}}header{position:sticky;top:0;background-color:#000;z-index:100;border-bottom:1px solid #404040;margin:auto;max-width:1100px;padding:1rem}header a{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}header a:hover{text-decoration-thickness:2px}.main-nav{justify-content:center;display:flex;gap:20px}@media(max-width:768px){header{position:fixed;top:auto;bottom:0;width:100%;box-sizing:border-box;border-bottom:none;border-top:1px solid #404040}body{padding-bottom:70px}}footer{border-top:1px solid #404040;margin-top:2rem;font-size:.9rem;color:#888;margin:auto;max-width:1100px;padding:1rem}.social-links{display:flex;gap:15px;margin-bottom:.5rem}@media(max-width:768px){footer{padding-bottom:4rem}}.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,background-color .3s ease;padding:16px;border-radius:16px;height:100%;box-sizing:border-box}.card:hover{transform:scale(1.02);background-color:#303030;color:#fff;text-decoration:none}.card-img-wrapper{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;background-color:#000;margin-bottom:12px;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.card-img-wrapper img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}.static-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .5s ease}.card:hover .static-thumb{opacity:0}.card-img-track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.card-img-track img{width:100%;height:100%;object-fit:cover;flex-shrink:0;display:block}.card h3{margin:0 0 4px;font-size:1.1rem}.card p{margin:0;color:#acacac;font-size:.9rem;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-gallery{display:flex;gap:16px;margin:32px auto;width:fit-content;max-width:100%;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#404040 #1e1e1e;scroll-behavior:smooth}.project-gallery img{height:250px;width:auto;border-radius:8px;object-fit:cover;flex-shrink:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}.blog-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}a.blog-post-summary{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .3s ease,background-color .3s ease;padding:16px;border-radius:16px;box-sizing:border-box;background-color:transparent;margin:0}a.blog-post-summary:hover{transform:scale(1.02);background-color:#303030;color:#fff;text-decoration:none}.blog-post-summary h2{margin:0 0 8px;font-size:1.2rem;color:#fff}.blog-post-summary p{margin:0;color:#acacac;font-size:.9rem;display:-webkit-box;line-clamp:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.project-gallery img{height:180px}}html{scrollbar-width:thin;scrollbar-color:#404040 #1e1e1e}body{background-color:#000;color:#fff;font-family:JetBrains Mono,monospace;line-height:1.5;margin:0;padding:0}main{margin:2em auto;max-width:1100px;padding:0 1rem}h1{margin:1rem 0}a{text-decoration:none}a:hover{text-decoration:underline}main a,footer a{color:#42c0ff;text-decoration:none;padding:2px 6px;margin:0 -6px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}main a:hover,footer a:hover{background-color:#42c0ff;color:#001a62;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}code{background-color:#2f2f2f;padding:2px 4px;border-radius:4px}::selection{background-color:#42c0ff;color:#001a62}@media(max-width:768px){.grid{margin:2rem 1rem}}