.projects-container{padding:2rem;text-align:center;color:var(--text-color);margin:0 auto}.title{font-size:2rem;font-weight:700}.subtitle{margin-top:.5rem;font-size:1rem;color:var(--footer-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background-color:var(--item-bg);padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}.project-image{width:100%;height:320px;object-fit:cover;border-radius:8px}.project-card h3{margin-top:1rem;font-size:1.25rem;font-weight:600}.tech-stack{font-size:.9rem;color:var(--footer-color);margin:.5rem 0}.project-links{display:flex;gap:1rem;margin-top:.5rem}.project-links a{font-size:1.25rem;color:var(--link-color)}.github-icon{width:24px;height:24px;vertical-align:middle}.theme-toggle-container{position:fixed;top:1rem;right:1rem;z-index:1000}.theme-toggle{font-size:1.75rem;background:none;border:none;cursor:pointer;color:var(--text-color);transition:color .3s ease}.theme-toggle:hover{color:var(--link-color)}:root{--bg-color:#121417;--text-color:white;--item-bg:#2d3748;--item-hover-bg:#4a5568;--footer-color:#a0aec0;--link-color:#4299e1}[data-theme=light]{--bg-color:#f9fafb;--text-color:#1a202c;--item-bg:#edf2f7;--item-hover-bg:#e2e8f0;--footer-color:#4a5568;--link-color:#2b6cb0}body,html{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Arial,sans-serif}body{display:flex;flex-direction:column;min-height:100vh}