.project-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem;place-items:center;width:100%}.project-list .project{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;width:100%;max-width:20rem;height:25rem;border:.0625rem solid rgba(110,166,143,.5);padding:1rem;box-sizing:border-box}.project-list .project__thumbnail{width:100%;height:10rem;object-fit:cover;border:.0625rem solid rgba(110,166,143,.7)}.project-list .project__title{text-align:center;margin:0;font-size:1.25rem;color:#fbfbfb}.project-list .project__description{margin:0;text-align:justify;font-size:.9rem;color:#fbfbfb}.project-list .project__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:.5rem;color:#fbfbfb}.project-list .project__tags .tag{display:flex;align-items:center;font-size:.8rem}.project-list .project__tags .tag:not(:last-child)::after{content:"•";margin:0 .25rem;color:#6ea68f}.project-detail{padding:1rem}.project-detail__header{margin-bottom:3rem}.project-detail__thumbnail{width:100%;height:18rem;object-fit:cover}.project-detail__title{text-align:center;font-size:xxx-large}.project-detail__content h2,.project-detail__content h3,.project-detail__content h4{margin-top:.25rem}.project-detail__content code{color:color-mix(in srgb, #fbfbfb, #6EA68F)}