.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:5.6rem;margin:2rem 0}@media only screen and (max-width:640px){.project-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden;background-color:#e0e0e0;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover,.project-card:focus{text-decoration:none;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.project-card__thumbnail{width:100%}.project-card__thumbnail img{width:100%;height:auto;display:block}.project-card__body{padding:2rem 2.4rem;display:flex;flex-direction:column;flex:1;text-align:left}.project-card__title{font-size:2rem;line-height:2.4rem;margin:0 0 1.2rem;color:#000}.project-card__description{font-size:1.5rem;line-height:2.2rem;margin:0 0 1.6rem;flex:1;color:#212121;text-align:left}.project-card__stack{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.project-card__badge{font-size:1.2rem;padding:.3rem .9rem;border-radius:2rem;background-color:#ccc;color:#212121;font-weight:500}.project-card__github-btn{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;padding:.8rem 1.6rem;border-radius:.6rem;background-color:#1565c0;color:#fff}.project-card__github-btn i{font-size:1.6rem}body.colorscheme-dark .project-card{background-color:#2e2e2e;border:1px solid rgba(255,255,255,.15)}body.colorscheme-dark .project-card:hover,body.colorscheme-dark .project-card:focus{box-shadow:0 8px 24px rgba(0,0,0,.4)}body.colorscheme-dark .project-card__title{color:#dadada}body.colorscheme-dark .project-card__description{color:#dadada}body.colorscheme-dark .project-card__badge{background-color:initial;color:#90caf9;border:1px solid #90caf9}body.colorscheme-dark .project-card__github-btn{background-color:#42a5f5;color:#212121}@media(prefers-color-scheme:dark){body.colorscheme-auto .project-card{background-color:#2e2e2e;border:1px solid rgba(255,255,255,.15)}body.colorscheme-auto .project-card:hover,body.colorscheme-auto .project-card:focus{box-shadow:0 8px 24px rgba(0,0,0,.4)}body.colorscheme-auto .project-card__title{color:#dadada}body.colorscheme-auto .project-card__description{color:#dadada}body.colorscheme-auto .project-card__badge{background-color:initial;color:#90caf9;border:1px solid #90caf9}body.colorscheme-auto .project-card__github-btn{background-color:#42a5f5;color:#212121}}