.navigation{display:flex;flex-direction:row}.nav-link{display:inline-block;font-size:12px;font-weight:600}.introduction{grid-gap:16px;border-radius:var(--border-radius);box-sizing:border-box;display:grid;gap:16px;grid-template-rows:2fr 1fr 1fr 3fr;height:80vh;overflow:hidden;padding:24px;width:320px}.introduction-heading{align-self:end;font-size:32px}.introduction-project-link,.introduction-subheading{font-size:24px}.introduction-image{align-self:end;left:-8px;position:relative}.project-page-content{display:grid;grid-template-areas:"title" "heading" "video" "summary" "external-links" "prev-next-links";grid-template-columns:1fr}.project-title{font-size:12px;grid-area:title;padding:24px 24px 12px}.project-heading{font-size:36px;font-weight:600;grid-area:heading;line-height:1.25;padding:24px 24px 42px}.project-video{box-sizing:border-box;grid-area:video;width:100%}.project-summary{grid-area:summary;padding:48px 24px 64px}.project-external-links{font-size:12px;grid-area:external-links;padding:4px 24px;text-transform:uppercase}.project-summary h2{font-size:12px;padding:8px 0;text-align:center;text-transform:uppercase}.project-summary p{padding-top:12px}.prev-next-links{display:grid;font-size:12px;grid-template-areas:"prev next";grid-template-columns:repeat(2,1fr);height:16px;padding:12px 24px}.prev{grid-area:prev;justify-self:start}.next{grid-area:next;justify-self:end}.prev:before{content:"< "}.next:after{content:" >"}.project-cards{display:flex;flex-direction:column;gap:16px}.project-card{align-items:start;border-radius:var(--border-radius);box-sizing:border-box;display:grid;grid-template-areas:"thumbnail" "text";grid-template-columns:auto;grid-template-rows:auto auto;justify-items:start;padding:12px}.project-card:hover{transform:scale(1.05)}.project-card-image-thumbnail{border-radius:var(--border-radius);grid-area:thumbnail;justify-self:center;object-fit:cover}.project-card-text{display:grid;grid-template-areas:"title" "technology" "summary";grid-template-rows:2fr 1fr auto}.project-card-title{align-self:flex-end;font-size:18px;grid-area:title;justify-self:start;padding:12px 16px;text-transform:uppercase}.project-card-technology{grid-area:technology}.project-card-summary,.project-card-technology{font-size:14px;padding-left:12px;padding-top:8px}.project-card-summary{grid-area:summary}@media (min-width:480px){.project-card{gap:16px;grid-template-areas:"thumbnail text";grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:12px 24px}.project-card-image-thumbnail{justify-self:start}}
/*# sourceMappingURL=main.d50ddb29.css.map*/