diff --git a/src/views/Portfolio.svelte b/src/views/Portfolio.svelte index 28c66d2..d413852 100644 --- a/src/views/Portfolio.svelte +++ b/src/views/Portfolio.svelte @@ -214,19 +214,18 @@ .portfolio-text { grid-area: 7/11 / span 6 / span 5; z-index: var(--z-content); + text-align: left; - display: flex; - flex-direction: column; - justify-content: center; - gap: 0.75rem; color: var(--color-text); } .portfolio-text h2 { + font-family: "Danzza Bold", sans-serif; font-size: var(--font-size-title-main); font-weight: 700; text-transform: uppercase; line-height: 1.1; + } .portfolio-catchphrase { @@ -234,18 +233,26 @@ font-size: var(--font-size-subtitle); font-weight: 600; color: var(--color-primary); + + margin-bottom: 1rem; } .portfolio-description :global(p) { - font-size: var(--font-size-paragraph-mobile); + font-family: "Danzza", sans-serif; + font-size: var(--font-size-subtitle); line-height: 1.4; - opacity: 0.8; letter-spacing: -2%; } .portfolio-keywords { - font-size: var(--font-size-caption); - opacity: 0.6; + font-family: "Danzza", sans-serif; + font-size: 0.8125rem; + + display: grid; + grid-template-columns: 1fr 1fr; + row-gap: 1rem; + + margin: 3rem 0; } .portfolio-keywords p { @@ -399,7 +406,7 @@ /* Text — over mockup, centered */ .portfolio-text { - grid-area: 8/4/span 8/span 14; + grid-area: 9/4/span 8/span 14; z-index: var(--z-content); gap: .5rem; text-align: center; @@ -414,11 +421,10 @@ font-size: var(--font-size-subtitle-mobile); } - .portfolio-description { + .portfolio-description :global(p) { font-family: "Danzza Light", sans-serif; font-size: var(--font-size-paragraph-mobile); - font-weight: 600; - line-height: 1.34; + line-height: 1.4; } /* Hide keywords on mobile */ @@ -427,7 +433,7 @@ } .portfolio-links { - margin-top: .5rem; + margin-top: 1rem; justify-content: center; }