:root{--background:#f5f5f5;--foreground:#1a1a1a;--primary:#00ff41;--secondary:#000;--border-width:2px;--border-radius:0;--shadow-x:4px;--shadow-y:4px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--background);color:#1a1a1a;color:var(--foreground);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}.App{padding:2rem;text-align:center}.neobrutal-border{background-color:var(--background);border:var(--border-width) solid var(--secondary);border-radius:var(--border-radius)}.header,.neobrutal-border{box-shadow:var(--shadow-x) var(--shadow-y) 0 0 var(--secondary)}.header{border:var(--border-width) solid var(--secondary);margin-bottom:4rem;padding:1rem 2rem}.nav-list{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}@media (max-width:768px){.nav-list{align-items:center;flex-direction:column}.nav-list a{background-color:var(--primary);border:var(--border-width) solid var(--secondary);display:block;margin:.5rem 0;padding:.5rem 1rem}}.nav-list a{border:var(--border-width) solid #0000;font-size:1.1rem;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.nav-list a:hover{background-color:var(--primary);border:var(--border-width) solid var(--secondary);box-shadow:var(--shadow-x) var(--shadow-y) 0 0 var(--secondary)}.main-content{margin:0 auto;max-width:1000px}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{display:flex;flex-direction:column;text-align:left;transition:transform .2s ease}.project-card:hover{box-shadow:8px 8px 0 0 var(--secondary);transform:translate(-4px,-4px)}.project-image{background-color:#ddd;border-bottom:var(--border-width) solid var(--secondary);height:200px;object-fit:cover;width:100%}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.project-info h3{margin-top:0}.project-info p{flex-grow:1}.project-link{align-self:flex-end;display:inline-block;font-weight:700;margin-top:1rem;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.project-link:hover{background-color:var(--primary);box-shadow:var(--shadow-x) var(--shadow-y) 0 0 var(--secondary)}
/*# sourceMappingURL=main.a5a21540.css.map*/