update sass

css/index.css

@@ -3,6 +3,17 @@
 @import "code.css";
 /*! purgecss end ignore */
 
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  /* .btn-primary {
+      @apply py-1.5 px-3 text-center bg-blue-700 rounded-md text-white;
+  } */
+}
+
 @import "tailwindcss/base";
 @import "layout.css";
 @import "tailwindcss/components";
@@ -110,20 +121,6 @@ body.dark-mode .d_menu {
   background-color: rgba(255, 255, 255, 0.75);
 }
 
-.bg-dark-gradient {
-  background: rgba(16,16,16,1);
-  background: radial-gradient(circle, rgba(16,16,16,1) 0%, rgb(24, 24, 24) 50%, rgba(16,16,16,1) 100%);
-}
-
-.bg-black1 {
-  background-color: rgba(16,16,16,1);
-}
-
-.bg-transparent {
-  background-color: transparent;
-}
-
-
 
 /* Custom css allowing image styling in markdown */
 img[src*="#mx-auto"] {
@@ -337,18 +334,18 @@ background-color:#5596f5 !important;
 
 @layer components {
   h1 {
-    @apply text-4xl lg:text-6xl font-normal;
+    @apply text-4xl font-semibold tracking-tight lg:text-6xl;
     font-family: "Inter", sans-serif !important;
   }
   h2 {
-    @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
+    @apply  lg:text-5xl text-4xl font-medium tracking-tight leading-none;
     font-family: "Inter", sans-serif !important;
   }
   h2 strong {
     @apply font-semibold;
   }
   h3 {
-    @apply text-2xl lg:text-3xl my-4 font-extralight;
+    @apply lg:text-4xl text-3xl font-normal tracking-tight;
     font-family: "Inter", sans-serif !important;
   }
   h3 strong {
@@ -648,7 +645,6 @@ header {
 .post-content-text h2 {
   font-family: "Inter", sans-serif;
   line-height: 1.5;
-  font-size: 2.25rem;
   font-weight: 700;
 }
 .container-fluid {
@@ -662,12 +658,8 @@ header {
 .zola-anchor {
   display: none;
 }
-@media (min-width: 1024px){
-  h2 {
-    font-size: 3.5rem;
-  } 
-  
-}
+
+
 
 @media (max-width: 1024px) {