finished some TODOs + added more

TODO

@@ -1,5 +1,3 @@
-change "LD" to "LUXURY DETAILING"
-make logo turn white when hover
-make sure service boxes are 1px border on all browser
 address missing star unicode on all browser
 make sure arrow issue on gallery are just a me thing
+center "Book" button in service dropdowns and make taller

ceramic-coating.html

@@ -116,7 +116,7 @@
 
     <header>
       <div class="banner" role="banner">
-        <a href="index.html" class="logo" aria-label="Company Logo">LD</a>
+        <a href="index.html" class="logo" aria-label="Company Logo">LUXURY DETAILING</a>
 
         <button
           id="hamburger"

css/style.css

@@ -37,9 +37,13 @@ header {
 .logo {
   font-size: 1.5rem;
   font-weight: bold;
+  transition: color 0.5s ease;
   color: var(--gold);
   text-decoration: none;
 }
+.logo:hover {
+  color: white;
+}
 
 .navLink {
   color: var(--gold);

index.html

@@ -110,7 +110,7 @@
 
     <header>
       <div class="banner" role="banner">
-        <a href="#" class="logo" aria-label="Company Logo">LD</a>
+        <a href="#" class="logo" aria-label="Company Logo">LUXURY DETAILING</a>
 
         <button
           id="hamburger"

reviews.html

@@ -210,7 +210,7 @@
 
     <header>
       <div class="banner" role="banner">
-        <a href="index.html" class="logo" aria-label="Company Logo">LD</a>
+        <a href="index.html" class="logo" aria-label="Company Logo">LUXURY DETAILING</a>
 
         <button
           id="hamburger"

services.html

@@ -54,13 +54,13 @@
 
       .dropdown {
         width: 100%;
-        border: 2px solid var(--gold);
+        border: 1px solid var(--light-gold);
         border-radius: 1.25rem;
         transition: 0.5s;
         user-select: none;
       }
       .dropdown:hover {
-        border: 2px solid white;
+        border: 1px solid white;
       }
 
       /** Prevent nested dropdowns from having borders */
@@ -109,6 +109,10 @@
         align-items: flex-start;
       }
 
+      hr {
+        border-color: var(--gold);
+      }
+
       .dropdown-content {
         visibility: hidden;
         text-align: left;
@@ -217,7 +221,7 @@
 
     <header>
       <div class="banner" role="banner">
-        <a href="index.html" class="logo" aria-label="Company Logo">LD</a>
+        <a href="index.html" class="logo" aria-label="Company Logo">LUXURY DETAILING</a>
 
         <button
           id="hamburger"