ourworld content added, landing complete

css/index.css

@@ -7,6 +7,11 @@
 @import "ffoxobliq.css";
 /*! purgecss end ignore */
 @import "tailwindcss/utilities";
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
+
+* {
+  font-family: "Ubuntu";
+}
 
 /* Custom CSS for header partial */
 .backdrop-blur {
@@ -19,7 +24,7 @@
 
 /* Custom css allowing image styling in markdown */
 img[src*="#small"] {
-  width: 38px;
+  width: 68px;
 }
 
 img[src*="#medium"] {
@@ -27,17 +32,13 @@ img[src*="#medium"] {
   margin: auto;
 }
 
-h1 {
-  font-size: 3rem;
-  font-weight: 400;
-  line-height: 1.3;
-}
-
-h2 {
-  font-size: 2.2rem;
-  font-weight: 500;
-  line-height: 1.3;
-  margin: 20px 0px;
+@layer components {
+  h1 {
+    @apply text-3xl lg:text-5xl font-light;
+  }
+  h2 {
+    @apply text-2xl lg:text-4xl font-light;
+  }
 }
 
 h3 {