.projects-text.svelte-5v2il{width:85vw;max-width:60rem;margin:0 auto}.project.svelte-5v2il{position:relative;background:var(--clr-primary-5);border-radius:var(--radius);margin-bottom:2rem}.project-info.svelte-5v2il{text-align:center;color:var(--clr-white);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:var(--transition);transition:var(--transition);opacity:0}.project-info.svelte-5v2il h4:where(.svelte-5v2il){line-height:1.9rem}.project-info.svelte-5v2il h5:where(.svelte-5v2il){color:var(--clr-primary-8)}.project-info.svelte-5v2il p:where(.svelte-5v2il){text-transform:capitalize;color:var(--clr-white);font-size:.75rem}.project.svelte-5v2il:hover .project-info:where(.svelte-5v2il){opacity:1}.project-img.svelte-5v2il{-webkit-transition:var(--transition);transition:var(--transition);border-radius:var(--radius);height:18rem;-o-object-fit:cover;object-fit:cover}.project.svelte-5v2il:hover .project-img:where(.svelte-5v2il){opacity:.1}.project.svelte-5v2il:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:.25rem solid var(--clr-white);border-radius:var(--radius);-webkit-transition:var(--transition);transition:var(--transition);opacity:0}.project.svelte-5v2il:hover:after{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}@media screen and (min-width: 676px){.projects-center.svelte-5v2il{display:grid;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-template-rows:repeat(4,300px);row-gap:2rem;grid-template-areas:"a b " "c d " "e f" "g h"}.project-info.svelte-5v2il p:where(.svelte-5v2il){text-transform:capitalize;color:var(--clr-white);font-size:.9rem}.project-img.svelte-5v2il,.project.svelte-5v2il{height:100%}.project-1.svelte-5v2il{grid-area:a}.project-2.svelte-5v2il{grid-area:b}.project-3.svelte-5v2il{grid-area:c}.project-4.svelte-5v2il{grid-area:d}.project-5.svelte-5v2il{grid-area:e}.project-6.svelte-5v2il{grid-area:f}.project-7.svelte-5v2il{grid-area:g}.project-8.svelte-5v2il{grid-area:h}}.projects-center.svelte-5v2il{padding:2rem;border-radius:var(--radius)}.project-more.svelte-5v2il{background-color:var(--clr-primary-9)}