.project-card{border:2px solid var(--gray);background:#fff;border-radius:8px;flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-within{box-shadow:6px 6px 0 var(--teal);transform:translateY(-4px)}.project-card:has(.project-card__link:focus-visible){outline:2px solid var(--teal);outline-offset:4px}.project-card__preview{aspect-ratio:16/10;border-bottom:2px solid var(--gray);background:#f0f4f0;display:block}.project-card__preview img{object-fit:cover;width:100%;height:100%;display:block}.project-card__preview--pixel-art img{image-rendering:pixelated}.project-card__body{padding:12px 16px 16px}.project-card__title{margin:0 0 8px;font-family:inherit;font-size:24px;font-weight:700;line-height:1.1}.project-card__link{color:var(--gray);text-decoration:none}.project-card__link:after{content:"";position:absolute;inset:0}.project-card__link:hover,.project-card__link:focus-visible{color:var(--purple)}.project-card__link:focus-visible{outline:none}.project-card__description{margin:0;font-size:18px;line-height:1.2}.project-card__tech{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.project-card__badge{background-color:var(--purple);font-size:16px;font-weight:400;top:0}
.showcase{margin:30px 10% 30px 20%}@media (max-width:575.98px){.showcase{margin:30px 0;padding:0 20px}}.showcase__title{margin-bottom:24px;font-family:inherit;font-size:28px;font-weight:700}.showcase__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}