:root{--c-background-dark: rgb(32, 32, 32);--c-background-gradient-start: hsl(0, 0%, 6%);--c-background-gradient-middle: hsl(0, 0%, 9%);--c-background-gradient-end: hsl(0, 0%, 7%);--title-color: #a47aec;--title-hover-color: #e0d2f9;--description-color: #b0b0b0;--link-color: #a47aec;--link-hover-color: #e0d2f9;--button-background: #3a3a3a;--button-text-color: #ffffff;--button-hover-background: #5f5f5f;--chip-background: #3a3a3a;--chip-text-color: #ddd}.projects{display:grid;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.projects{grid-template-columns:1fr}}.card{padding:16px;background:var(--c-background-dark);background:linear-gradient(238deg,var(--c-background-gradient-start) 0%,var(--c-background-gradient-middle) 35%,var(--c-background-gradient-end) 100%);border-radius:12px;box-shadow:0 0 18px #96969626;transition:all .15s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;justify-content:space-between}.card:hover{box-shadow:0 0 18px #96969666}.card .title{margin-top:0;font-size:1.4rem;font-weight:600;color:var(--title-color);text-decoration:none;transition:all .15s cubic-bezier(0.4,0,0.2,1)}.card .title:hover{color:var(--title-hover-color)}.card .description{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:400;color:var(--description-color)}.card .description a{color:var(--link-color)}.card .description a:hover{text-decoration-line:underline;color:var(--link-hover-color)}.card .actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card .accept{font-size:.75rem;background-color:var(--button-background);font-weight:600;border-radius:10px;color:var(--button-text-color);padding:.5rem 1rem;transition:all .15s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.card .tags{display:flex;align-items:center;margin-top:.5rem;flex-wrap:wrap}.card .chip{color:var(--chip-text-color);font-size:.75rem;padding:.5rem;border-radius:10px;margin-right:.5rem;background:#8080801a;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff4d}.card .accept:hover{background-color:var(--button-hover-background)}