Update headers font

src/assets/scss/main.scss

@@ -1,4 +1,3 @@
-@tailwind base;
 @font-face {
   font-family: "Roboto";
   font-style: normal;
@@ -28,6 +27,16 @@ body {
 h1 {
   font-family: "Roboto", sans-serif;
 }
+.post-card-excerpt,
+.post-content-text {
+  font-family: "Poppins", sans-serif !important;
+  line-height: 1.5;
+}
+
+.post-content-text h2 {
+  font-family: "Poppins", sans-serif !important;
+  line-height: 1.5;
+}
 
 body {
   padding-top: 60px;
@@ -63,6 +72,7 @@ ul {
   @apply text-base;
 }
 
+@tailwind base;
 @tailwind components;
 @tailwind utilities;
 @responsive {

src/templates/BlogPost.vue

@@ -210,13 +210,4 @@ export default {
     };
   },
 };
-</script>
-
-<style scoped>
-.post-card-excerpt,
-.post-content-text,
-.post-content-text h2 {
-  font-family: "Poppins", sans-serif !important;
-  line-height: 1.5;
-}
-</style>
+</script>

src/templates/NewsPost.vue

@@ -183,13 +183,4 @@ export default {
     };
   },
 };
-</script>
-
-<style scoped>
-.post-card-excerpt,
-.post-content-text,
-.post-content-text h2 {
-  font-family: "Poppins", sans-serif !important;
-  line-height: 1.5;
-}
-</style>
+</script>

src/templates/Person.vue

@@ -220,13 +220,4 @@ export default {
     };
   },
 };
-</script>
-
-<style scoped>
-.post-card-excerpt,
-.post-content-text,
-.post-content-text h2 {
-  font-family: "Poppins", sans-serif !important;
-  line-height: 1.5;
-}
-</style>
+</script>