code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-showcase{margin:0 auto;max-width:1200px;padding:2rem}.project-showcase h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.project-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;width:100%}.project-content{padding:1.5rem}.project-content h2{color:#333;font-size:1.5rem;margin:0 0 1rem}.project-content p{color:#666;line-height:1.6;margin-bottom:1rem}.technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#f0f0f0;border-radius:15px;color:#555;font-size:.9rem;padding:.3rem .8rem}.project-link{background:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:background .3s ease}.project-link:hover{background:#0056b3}.navigation{background:#fffffff2;box-shadow:0 2px 4px #0000001a;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.menu-icon{cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;width:30px}.hamburger span{background:#333;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu-items{background:#fff;box-shadow:2px 0 5px #0000001a;height:100vh;left:-100%;padding:5rem 2rem 2rem;position:fixed;top:0;transition:left .3s ease;width:250px}.menu-items.open{left:0}.menu-item{border-bottom:1px solid #eee;color:#333;display:block;font-size:1.2rem;padding:1rem 0;text-decoration:none;transition:color .3s ease}.menu-item:hover{color:#007bff}.App{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.main-content{padding-top:4rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d5a01e36.css.map*/