.projects{margin-block-end:var(--spacing-l)}.projects h2{margin-block-start:0}.projects>a{display:inline-block;width:100%;height:min-content;padding:var(--spacing-l) var(--spacing-s);border:1px solid var(--color-border);border-radius:8px;color:var(--text-color);margin-block-end:var(--spacing-xl);text-decoration:none;transition:filter .3s ease-out,background-color .3s ease-out}.projects>a .item{display:grid;border-radius:10px;column-gap:var(--spacing-s);grid-template-columns:min-content 3fr;grid-template-rows:repeat(3,min-content);row-gap:var(--spacing-m);transition:inherit}.projects>a .item h3{margin:0;font-size:var(--font-size-l)}.projects>a .item p,.projects>a .item span{margin:0}.projects>a .item img{--size:3.5em;width:var(--size);height:var(--size);align-self:center;border-radius:inherit;aspect-ratio:1/1;filter:saturate(0);grid-column:1;grid-row:1/-1}.projects>a .item .language{grid-column:2}.projects>a .item .language::before{display:inline-block;width:.5em;border-radius:50%;margin:.1em 0;aspect-ratio:1/1;background-color:var(--text-color);content:"";filter:saturate(.4);margin-inline-end:.4em;vertical-align:baseline}.projects>a .item .language.repo-html::before{background-color:#e34c26}.projects>a .item .language.repo-javascript::before{background-color:#f1df5b}.projects>a .item .language.repo-shell::before{background-color:#88e052}.projects>a .item .language.repo-css::before{background-color:#563d7b}.projects>a .item .language.repo-java::before{background-color:#ae7019}.projects>a:where(:hover,:focus){background-color:var(--color-background-offset-dark)}.projects>a:where(:hover,:focus) .item img{filter:saturate(1);transition:inherit}.projects>a:where(:hover,:focus) .item .language::before{filter:saturate(1);transition:inherit}@media screen and (min-width:600px){.projects>a{padding:var(--spacing-xl) var(--spacing-m);margin-block-end:var(--spacing-xl)}.projects>a .item img{--size:7em}.projects>a .item{column-gap:var(--spacing-m);row-gap:var(--spacing-l)}}