text build

css/index.css

@@ -1,16 +1,5 @@
 
 
-
-@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";
@@ -82,10 +71,6 @@ body.dark-mode .icon {
   fill: #ffffff !important;
 }
 
-body.dark-mode .card {
-  background-color: rgba(82, 82, 82, 50%) !important;
-}
-
 body.dark-mode .dropdown a{
   @apply
   px-0
@@ -118,6 +103,20 @@ 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"] {
@@ -210,18 +209,63 @@ a img:hover{
   text-white
 }
 
+.subtitle {
+  background-color:#58CF77 !important;
+  color: #fff !important;
+  text-transform: uppercase;
+  /* font-weight: 600 !important;  */
+}
+
+.green{
+
+  background-color:#58CF77 !important;
+  color: #fff !important;
+
+}
+
+.green:hover {
+background-color:#7ad993 !important;
+}
+.green a{
+   color: #fff !important;
+}
+
+.green:hover {
+background-color:#7ad993 !important;
+}
+
+.green_text{
+color: #58CF77 ;
+}
+
+
+  .blue_b{
+
+  background-color:#2E83FF !important;
+  color: #fff !important;
+
+}
+.blue_b a{
+   color: #fff !important;
+}
+
+.blue_b:hover {
+background-color:#5596f5 !important;
+}
+
+
 .footer-cust a{
-   
+  color: #999; 
   cursor: pointer;
 }
 
 .footer-cust a:hover {
-  color: #a3a3a3; 
+  color: #c7c7c7; 
 }
 
-/* .footer-cust h6{
+.footer-cust h6{
   margin-bottom: 15px;
-} */
+}
 
 .logo_size{
   width:200px
@@ -286,18 +330,18 @@ a img:hover{
 
 @layer components {
   h1 {
-    @apply text-4xl font-semibold tracking-tight lg:text-6xl;
+    @apply text-4xl lg:text-6xl font-normal;
     font-family: "Inter", sans-serif !important;
   }
   h2 {
-    @apply  lg:text-5xl text-4xl font-medium tracking-tight leading-none;
+    @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
     font-family: "Inter", sans-serif !important;
   }
   h2 strong {
     @apply font-semibold;
   }
   h3 {
-    @apply lg:text-4xl text-3xl font-normal tracking-tight;
+    @apply text-2xl lg:text-3xl my-4 font-extralight;
     font-family: "Inter", sans-serif !important;
   }
   h3 strong {
@@ -414,6 +458,11 @@ a img:hover{
     font-family: "Inter", sans-serif;
   }
 
+
+/* button:hover :is(:where(a)) {
+  color: #5e5e5e;
+} */
+
 button :is(:where(p)) {
   color: #ddd;
   font-weight: 400;
@@ -592,6 +641,7 @@ header {
 .post-content-text h2 {
   font-family: "Inter", sans-serif;
   line-height: 1.5;
+  font-size: 2.25rem;
   font-weight: 700;
 }
 .container-fluid {
@@ -605,8 +655,12 @@ header {
 .zola-anchor {
   display: none;
 }
-
-
+@media (min-width: 1024px){
+  h2 {
+    font-size: 3.5rem;
+  } 
+  
+}
 
 @media (max-width: 1024px) {