changed font, started service overhaul + standardized widths across

<main>s

index.html

@@ -16,7 +16,7 @@
 
       main {
         min-height: 530px; /** to make sure footer doesn't overlap hero */
-        gap: 2rem;
+        margin-top: 0;
       }
 
       #hero-image {
@@ -59,11 +59,12 @@
         font-size: 2rem;
         font-weight: bold;
         text-decoration: none;
-        transition: 0.5s ease;
+        transition: 0.3s ease;
       }
       #book-button:hover {
         cursor: pointer;
-        box-shadow: 0px 0px 30px var(--gold);
+        box-shadow: 0px 0px 10px var(--gold);
+        font-size: 2.25rem;
       }
       #book-button:active {
         background-color: var(--gold);
@@ -136,7 +137,7 @@
       <div id="hero-image"></div>
 
       <section id="intro">
-        <h1>Restore & Protect<br />Your Vehicle</h1>
+        <h1>Restore & Protect Your Vehicle</h1>
         <p>with the best mobile car detailing service in the Portland area</p>
       </section>