.project-card{background-color:#0e2251;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:100%;display:flex;flex-direction:column}.project-image-container{position:relative;overflow:hidden}.project-image{width:100%;height:16rem;object-fit:cover;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.1)}.project-view-button{position:absolute;top:.75rem;right:.75rem;background-color:#111827;border-radius:9999px;padding:.5rem}.project-view-button:hover{background-color:#374151;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.project-description{color:#d1d5db;font-size:.875rem;margin-bottom:1rem;flex-grow:1}.project-links{display:flex;gap:.75rem;margin-bottom:1rem}.project-link{font-size:.875rem;color:#d1d5db;display:flex;align-items:center;gap:.25rem}.project-link:hover{color:#fff;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-link-icon{height:1rem;width:1rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-tag{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem}.tech-tag.dark-mode{opacity:.8}.tech-react{background-color:#61dafb;color:#282c34}.tech-mongodb{background-color:#13aa52;color:#fff}.tech-tailwind{background-color:#38bdf8;color:#0f172a}.tech-nodejs,.tech-node{background-color:#68a063;color:#fff}.tech-sass{background-color:#cd6799;color:#fff}.tech-nextjs{background-color:#000;color:#fff}.tech-supabase{background-color:#3ecf8e;color:#1c1c1c}.tech-css{background-color:#264de4;color:#fff}.tech-typescript,.tech-ts{background-color:#3178c6;color:#fff}.tech-javascript,.tech-js{background-color:#f7df1e;color:#323330}.tech-php{background-color:#777bb3;color:#fff}.tech-laravel{background-color:#ff2d20;color:#fff}.tech-vue{background-color:#42b883;color:#35495e}.tech-mysql{background-color:#4479a1;color:#fff}.tech-bootstrap{background-color:#7952b3;color:#fff}.tech-default{background-color:#1f2937;color:#d1d5db}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;justify-content:center}.category-button{padding:.5rem 1.5rem;border-radius:9999px;font-weight:500;transition-property:background-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.category-button-inactive{background-color:#1f2937;color:#d1d5db}.category-button-inactive:hover{background-color:#374151}.category-button-active{background-color:#0e2251;color:#15fbff}.category-button-active.dark{background-color:#3498db;color:#0e2251}.projects-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;width:100%;margin-top:2rem;justify-content:center}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{width:100%;max-width:100%}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{width:100%;max-width:100%}}.projects-grid-single-item{display:flex;justify-content:center}.projects-grid-single-item .project-card{width:100%;max-width:400px}.projects-grid-two-items{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-content:center;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.projects-grid-two-items .project-card{width:100%;max-width:100%}