#projects-section.svelte-oqlu2e{display:grid;gap:15px 30px;grid-template-columns:repeat(auto-fill,350px);grid-template-rows:auto;margin-bottom:20px}#card.svelte-1udyrqm{display:flex;flex-direction:column;width:fit-content;height:fit-content;text-decoration:none;color:inherit;background-color:var(--background);transition:all .3s}#card.svelte-1udyrqm:hover{background-color:var(--background-alternate);cursor:pointer}#card.svelte-1udyrqm:hover #image-container:where(.svelte-1udyrqm){opacity:.7}#card.svelte-1udyrqm:hover #content-container:where(.svelte-1udyrqm){max-width:330px;padding:10px}#card.svelte-1udyrqm #image-container:where(.svelte-1udyrqm){width:fit-content;height:fit-content;opacity:1;transition:all .3s}#card.svelte-1udyrqm #image-container:where(.svelte-1udyrqm) img:where(.svelte-1udyrqm){display:block;width:350px;height:250px}#card.svelte-1udyrqm #content-container:where(.svelte-1udyrqm){display:flex;flex-direction:row;justify-content:space-between;transition:all .3s;padding:10px 0;max-width:350px}#card.svelte-1udyrqm #content-container:where(.svelte-1udyrqm) p:where(.svelte-1udyrqm){margin-block:0}#card.svelte-1udyrqm #content-container:where(.svelte-1udyrqm) #title:where(.svelte-1udyrqm){font-weight:700}#card.svelte-1udyrqm #content-container:where(.svelte-1udyrqm) #date:where(.svelte-1udyrqm){color:var(--color-secondary)}