diff --git a/src/styles/main.scss b/src/styles/main.scss index 5a87b89..34d3cc3 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -1,4 +1,5 @@ @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* Variables */ :root { @@ -10,6 +11,9 @@ --black: hsl(20, 20%, 20%); --accent: hsl(354, 81%, 56%); + --font-title: 'Work Sans', sans-serif; + --font-body: 'Maven Pro', sans-serif; + --font-1: 4.209em; --font-2: 3.157em; --font-3: 2.369em; @@ -25,7 +29,7 @@ body { max-width: 75em; margin: 0 auto; padding: 0 1rem 4rem 1em; - font-family: "Work Sans", sans-serif; + font-family: var( --font-body ); color: var(--black); overflow-y: scroll; line-height: 1.65; @@ -64,7 +68,9 @@ a, button.link { } h1, h2, h3, h4, h5 { - line-height: 1.15; + line-height: 1.30; + font-family: var(--font-title); + font-weight: 800; } h1 {