improve text contrast, tweak spacing of various elements

Author: earth-walker

website/src/assets/backgrounds/man-with-laptop.webp

@@ -40,7 +40,7 @@ import wedge from "../assets/backgrounds/wedge.svg";
               placeholder="Your message"></textarea>
           </div>
           <input
-            class="px-6 py-2 pt-3 mt-3 font-serif bg-bdt-green rounded-full text-xl cursor-pointer"
+            class="px-6 py-2 pt-3.5 mt-3 font-serif bg-bdt-green rounded-full text-xl font-bold cursor-pointer"
             type="submit"
             value="Submit"
             size=""

website/src/components/Contact.astro

@@ -4,17 +4,17 @@ import { Content } from "../assets/text/Hero.md";
 
 <section
   id="hero"
-  class="py-6 px-3 h-120 bg-[url(../assets/backgrounds/man-with-laptop-small.webp)] sm:bg-[url(../assets/backgrounds/man-with-laptop.webp)] bg-cover bg-center"
+  class="py-6 px-3 bg-[url(../assets/backgrounds/man-with-laptop-small.webp)] sm:bg-[url(../assets/backgrounds/man-with-laptop.webp)] bg-cover bg-center"
 >
   <div class="max-w-[130ch] mx-auto mt-20">
     <div
-      class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-xl! prose-p:leading-7! prose-headings:text-shadow-lg/15"
+      class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-xl! prose-p:leading-7! prose-headings:text-shadow-lg/15 prose-headings:max-w-2/3"
     >
       <Content />
     </div>
     <a href=`${import.meta.env.BASE_URL}/#projects`>
       <div
-        class="mt-6 w-fit px-6 py-2 pt-3 bg-white border-2 border-bdt-blue rounded-full text-sky-700 font-serif text-xl"
+        class="mt-6 w-fit px-6 py-2 pt-3.5 bg-white border-2 border-bdt-blue rounded-full text-sky-700 font-serif text-xl font-bold"
       >
         <span>Learn more</span>
       </div>

website/src/components/Hero.astro

@@ -4,6 +4,6 @@
 @theme {
   --font-sans: "Inter", sans;
   --font-serif: "Ramaraja", serif;
-  --color-bdt-blue: #1a84d2;
+  --color-bdt-blue: #1876ba;
   --color-bdt-green: #cff7d3;
 }