chore: refactor styles

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;
 }

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;
 }
 

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;
+}

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;
 }