ourverse website first draft

css/index.css

@@ -8,16 +8,15 @@
 @import "tailwindcss/components";
 @import "admonition.css";
 @import "tailwindcss/utilities";
-@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
-@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=Lato: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=Exo: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");
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
 }
 
 * {
-  font-family: "Work Sans", sans-serif;
+  font-family: "Exo", sans-serif;
 }
 
 .bg-semi-white {
@@ -44,7 +43,7 @@ img[src*="#logo"] {
 }
 
 img[src*="#large"] {
-  width: 1000px;
+  width: 60%;
   margin: auto;
 }
 
@@ -53,28 +52,31 @@ img[src*="#tft_img"] {
   margin: 8px;
 }
 
-.logo_size{
-  width:200px
+.logo_size {
+  width: 200px;
 }
 
 @layer components {
   h1 {
-    @apply text-3xl lg:text-7xl font-normal;
+    @apply text-5xl lg:text-9xl font-normal leading-none;
+  }
+  h1 strong {
+    @apply font-semibold;
   }
   h2 {
-    @apply text-3xl lg:text-6xl my-4 font-light leading-none;
+    @apply text-3xl lg:text-8xl font-normal leading-none;
   }
   h2 strong {
     @apply font-medium;
   }
   h3 {
-    @apply text-xl lg:text-4xl my-4 font-extralight leading-none;
+    @apply text-xl lg:text-6xl font-normal leading-none;
   }
   h3 strong {
     @apply font-semibold;
   }
   h4 {
-    @apply text-sm lg:text-2xl font-normal;
+    @apply text-sm lg:text-4xl font-normal;
   }
   h5 {
     @apply text-md my-1 tracking-widest text-zinc-500 font-semibold;
@@ -83,7 +85,8 @@ img[src*="#tft_img"] {
     @apply text-md not-italic font-normal my-1;
   }
   p {
-    @apply text-lg;
+    @apply text-2xl;
+    font-family: "Lato", sans-serif;
   }
   blockquote {
     @apply border-l-4 border-gray-400 mx-2 my-2 p-2;
@@ -95,8 +98,7 @@ img[src*="#tft_img"] {
     @apply text-sm lg:text-sm font-light;
   }
   button {
-    @apply 
-    inline-block
+    @apply inline-block
     lg:text-lg
     px-12
     py-1
@@ -105,7 +107,7 @@ img[src*="#tft_img"] {
     border-2
     shadow
     border-black
-    capitalize
+    capitalize;
   }
 }
 
@@ -175,7 +177,6 @@ header {
   filter: grayscale(0%);
 }
 
-
 .banner {
   width: 100%;
   margin: 0;
@@ -290,4 +291,4 @@ header {
   .header {
     padding: 80px 0;
   }
-}
+}

css/layout.css

@@ -123,12 +123,31 @@ h5,
 .h5,
 h6,
 .h6 {
-  @apply font-sans leading-tight tracking-tight;
+  @apply font-sans leading-none tracking-tight;
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  font-family: "Exo", sans-serif;
+}
+
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  @apply font-sans leading-none tracking-tight;
+  font-family: "Lato", sans-serif;
 }
 
 h1,
 .h1 {
-  @apply text-4xl mb-4 font-extrabold;
+  @apply text-4xl font-extrabold;
 }
 
 h2,