diff --git a/styles/index.css b/styles/index.css index f564248..441a3b2 100644 --- a/styles/index.css +++ b/styles/index.css @@ -1,3 +1,5 @@ +@import url("./typography.css"); + /* Components */ @import url("./welcome.css"); @import url("./services.css"); @@ -18,4 +20,5 @@ body { margin: 0; font-family: "Work Sans", sans-serif; font-weight: 250; + text-align: center; } diff --git a/styles/services.css b/styles/services.css index 336e218..20beec3 100644 --- a/styles/services.css +++ b/styles/services.css @@ -2,12 +2,9 @@ align-items: center; display: flex; justify-content: center; - text-align: center; } .services__heading { - font-size: 3.3rem; - font-weight: 350; margin-bottom: 1.5rem; } @@ -33,6 +30,7 @@ margin-bottom: 1rem; margin: 0 3rem; height: 3rem; + font-size: 1rem; } .services__offers_card__button { @@ -50,6 +48,7 @@ } .services__offers_card__button > p { + font-size: 1rem; margin: auto; } diff --git a/styles/typography.css b/styles/typography.css new file mode 100644 index 0000000..f34f0c3 --- /dev/null +++ b/styles/typography.css @@ -0,0 +1,20 @@ +h1 { + font-size: 5rem; + font-weight: 400; + margin: 1rem; +} + +h2 { + font-size: 3.3rem; + font-weight: 350; +} + +h3 { + font-size: 2rem; + font-weight: 300; +} + +p { + font-size: 1.5rem; + font-weight: 200; +} \ No newline at end of file diff --git a/styles/welcome.css b/styles/welcome.css index e6f00c3..9bd72ad 100644 --- a/styles/welcome.css +++ b/styles/welcome.css @@ -2,25 +2,13 @@ align-items: center; display: flex; justify-content: center; - font-family: "Work Sans", sans-serif; } .welcome__container { margin-top: 8vh; - text-align: center; -} - -.welcome__text-area__heading { - font-size: 5rem; - font-weight: 400; - margin: 1rem; - text-align: center; } .welcome__text-area__subheading { - font-size: 2rem; - font-weight: 300; - text-align: center; margin-top: 0; margin-bottom: 2em; max-width: 80vw; @@ -29,9 +17,6 @@ } .welcome__text-area__description { - font-size: 1.5rem; - font-weight: 200; - text-align: center; margin-left: 12vw; margin-right: 12vw; }