Merge pull request #1857 from sakeel-103/main

#Contact Section background color improved. Now it looks good

index.html

@@ -202,7 +202,7 @@ <h1 class="heading-main-body-h1"><span>Adopt</span> Me</h1>
   </section>
   <!-- About session  html starts from here -->
 
-  <section class="bg-white dark:bg-gray-900 b_1 shadow-2xl">
+  <section class="bg-white dark:bg-gray-700 b_1 shadow-2xl">
     <div class="py-8 lg:py-16 px-4 mx-auto max-w-screen-md">
       <p id="About"></p>
       <h2
@@ -589,10 +589,10 @@ <h5 class="text_3 md:text-[40px] font-bold mb-2 text-center">
 
   <!-- style="opacity: 0; transform: translateX(50px); transition: opacity 1s ease, transform 1s ease;"   -->
   <!--     Contact us section html starts from here -->
-  <section id="contact" class="dark:bg-gray-900 b_1 pt-40 pb-20">
+  <section id="contact" class="dark:bg-gray-700 b_1 pt-40 pb-20">
     <div class="w-full contact-form-container mx-auto max-w-screen-md" id="contactFormContainer">
       <form action="https://formspree.io/f/xayaokzl" method="POST"
-        class="bg-black rounded-md main-bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-20 border border-gray-100 px-8 pt-8 pb-10">
+        class="bg-black rounded-md main-bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-200 border border-gray-50 px-8 pt-8 pb-10">
         <p id="contact"></p>