Merge pull request #1545 from dhruvveragiwala/CSS-Styling

refactor: font styles

index.html

@@ -15,6 +15,9 @@
       bottom: 18px;
     }
   </style>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="./loader.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link rel="stylesheet" href="faq-website.css">
@@ -79,6 +82,12 @@
   <style>
     html {
       scroll-behavior: smooth;
+      font-family: "Afacad Flux", sans-serif;
+      font-optical-sizing: auto;
+      font-weight:100;
+      font-style: normal;
+      font-variation-settings: "slnt" 0;
+
     }
   </style> 
   <style>
@@ -117,6 +126,7 @@
         position: relative;
         right: 1rem;
       }
+
     }
 
     @media screen and (max-width:364px) {
@@ -805,7 +815,7 @@ <h2 data-max="30" id="test">+ Developers</h2>
       </div>  -->
 
 
-    <section>
+    <section class="stats">
       <div class="wrapper">
         <div class="countitem">
           <i class="fa-solid fa-handshake-angle"></i>
@@ -2670,4 +2680,4 @@ <h4>Contact Us</h4>
 
 
 </div> -->
-<!-- New bubble background end -->
+<!-- New bubble background end --}