fix: minor css issue for bottom spacing on page

Author: technikhil314

pages/diff/_diff.vue

@@ -25,7 +25,7 @@
         </button>
       </template>
     </Navbar>
-    <main class="h-full mt-24 xl:container">
+    <main class="h-full xl:container">
       <div class="flex gap-4 mt-5">
         <div
           class="relative flex-1 px-4 py-2 overflow-y-auto border-2 rounded-sm  max-h-screen--nav line-numbers min-h-80"

pages/index.vue

@@ -1,10 +1,8 @@
 <template>
   <div class="contents">
     <Navbar />
-    <main class="flex flex-wrap h-full mt-20 xl:container">
-      <p class="w-full mb-2 text-xl text-center">
-        Insert your data below to find the difference in them
-      </p>
+    <main class="flex flex-wrap h-full -mt-3 xl:container">
+      <p class="w-full mb-2 text-xl text-center">Compare any text for diff</p>
       <form @submit="checkForm" class="w-full h-full">
         <div class="flex flex-wrap w-full h-full gap-4">
           <textarea