removed font import and added it as a traditional stylesheet reference

_layouts/default.html

@@ -4,6 +4,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="utf-8">
     <title>{{ page.title }}</title>
+    <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=Poppins: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" rel="stylesheet">
     <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
     <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png">
   </head>

assets/css/main.css

@@ -1,6 +1,5 @@
 ---
 ---
-@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

index.html

@@ -9,10 +9,10 @@
   <div class="flex items-center justify-center p-2 md:p-8 h-full">
     <div class="flex flex-col items-center space-y-6 md:space-y-8">
       <div class="flex flex-col items-center space-y-4 md:space-y-6">
-        <h1 class="bg-gradient-to-br from-gray-500 via-gray-700 to-gray-900 text-transparent bg-clip-text text-4xl md:text-6xl font-extrabold">{{ page.heading }}</h1>
+        <h1 class="text-gray-700 text-4xl md:text-5xl font-extrabold">{{ page.heading }}</h1>
         <p class="text-gray-700 text-xl md:text-2xl font-normal text-center">{{ page.subtitle }}</p>
       </div>
-      <a href="mailto:knerav@gmail.com?subject=I'm%20here%20from%20your%20website!" class="text-base md:text-lg text-indigo-600 border-b border-indigo-600">knerav@gmail.com</a>
+      <a href="mailto:knerav@gmail.com?subject=I'm%20here%20from%20your%20website!" class="text-base md:text-lg bg-indigo-600 py-3 px-5 rounded text-white hover:bg-indigo-700 transition-colors duration-200 ease-in-out">Email</a>
     </div>
   </div>
 </div>