ul.projects.svelte-199e586.svelte-199e586.svelte-199e586{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);padding:0 25px}@media screen and (max-width: 850px){ul.projects.svelte-199e586.svelte-199e586.svelte-199e586{grid-template-columns:1fr}}ul.projects.svelte-199e586>li a.svelte-199e586.svelte-199e586{aspect-ratio:2/1;display:block;width:100%;height:100%;padding:5%;color:var(--color-light);text-decoration:none;position:relative;background:var(--bg-url),#3c3c3c;background-position:center;background-size:75%;background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .5s ease-in-out}ul.projects.svelte-199e586>li a.svelte-199e586.svelte-199e586:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:var(--color-dark);opacity:0;transition:opacity .5s ease-in-out;z-index:-1}ul.projects.svelte-199e586>li a.svelte-199e586.svelte-199e586:hover{clip-path:polygon(10px 10px,calc(100% - 10px) 10px,calc(100% - 10px) calc(100% - 10px),10px calc(100% - 10px))}ul.projects.svelte-199e586>li a.svelte-199e586.svelte-199e586:hover:before{opacity:.35}ul.projects.svelte-199e586>li a.svelte-199e586>ul.svelte-199e586{list-style:none;margin-bottom:2.5%;font-size:12.5px}ul.projects.svelte-199e586>li a.svelte-199e586>h3.svelte-199e586{font-size:24px}