@keyframes svelte-15p5lr3-slideIn{0%{transform:translateY(5%)}to{transform:translateY(0)}}@media screen and (max-width: 720px){.project-preview.svelte-15p5lr3{grid-column:span 12!important}}.project-preview.svelte-15p5lr3{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;animation:.4s ease-out svelte-15p5lr3-slideIn}.project-preview.svelte-15p5lr3 img:where(.svelte-15p5lr3){width:100%;height:100%;object-fit:cover;transition:all .3s ease-in}.project-preview.svelte-15p5lr3 h1:where(.svelte-15p5lr3){top:14px;left:20px;width:50%;color:#fff;position:absolute;transition:opacity .3s ease-in}.project-preview.svelte-15p5lr3:hover .title:where(.svelte-15p5lr3){opacity:0}.project-preview.svelte-15p5lr3:hover .description:where(.svelte-15p5lr3){opacity:1}.project-preview.svelte-15p5lr3:hover img:where(.svelte-15p5lr3){filter:brightness(75%)}.title.svelte-15p5lr3{opacity:1}.description.svelte-15p5lr3{opacity:0}.title.svelte-15p5lr3{font-size:30px}.project-gallery.svelte-1rsfzrj{width:100%;height:100%;display:grid}@media screen and (max-width: 900px){.project-gallery.svelte-1rsfzrj{grid-template-columns:1fr;row-gap:10px}}@media screen and (min-width: 900px){.project-gallery.svelte-1rsfzrj{grid-template-columns:repeat(12,1fr);grid-auto-rows:70vh;gap:10px}}