.projects-page{flex-wrap:wrap;gap:20px;display:flex}.project-card{border-radius:var(--border-radius);max-width:100%;padding:var(--text-box-padding);background-color:var(--text-bg);flex:320px;transition:background-color 3s}.project-card .project-gif{border-radius:calc(var(--border-radius)/2);width:100%;margin-bottom:12px;overflow:hidden}.project-card .project-gif .pausable-gif{cursor:pointer;position:relative}.project-card .project-gif .pausable-gif img{width:100%;display:block}.project-card .project-gif .pausable-gif .gif-pause-indicator{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .3s;display:flex;position:absolute;bottom:8px;right:8px}.project-card .project-gif .pausable-gif:hover .gif-pause-indicator{opacity:1}.project-card .project-gif .pausable-gif:focus-visible .gif-pause-indicator{opacity:1}.project-card h2{margin-bottom:4px}.project-card .project-tagline{opacity:.7;margin:0 0 12px;font-style:italic}.project-card .project-description{margin:0 0 12px}.project-card .project-tech{opacity:.6;margin:0 0 12px;font-size:.9em}.project-card .project-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.project-card .project-links a{text-underline-offset:3px;color:inherit;opacity:.7;text-decoration:underline;transition:opacity .3s}.project-card .project-links a:hover{opacity:1}.project-card .project-links a.btn-try-it{background-color:var(--text-color);color:var(--text-bg);border-radius:var(--border-radius);font-family:var(--font-cormorant);opacity:1;padding:8px 16px;font-weight:700;text-decoration:none;transition:opacity .3s,transform .2s}.project-card .project-links a.btn-try-it:hover{opacity:.9;transform:translateY(-1px)}.project-card .project-links a.btn-try-it:active{transform:translateY(1px)}