services style setup

css/dropdown.css

@@ -10,7 +10,7 @@
 
   padding: 10px;
 
-  border: 1px solid var(--dark-gold);
+  border: 1px solid var(--gold);
 
   cursor: pointer;
   transition: 0.5s;
@@ -20,10 +20,15 @@
   border: 1px solid white;
 }
 
+.dropdown-header:hover span {
+  transform: rotate(65deg); /** arrow hover effect */
+}
+
 .dropdown-arrow {
   color: var(--gold);
   transform: rotate(90deg);
   transition: transform 0.3s ease;
+  font-size: 2rem;
 }
 
 .dropdown-arrow.open {
@@ -33,7 +38,8 @@
 .dropdown-content {
   overflow: hidden;
   max-height: 0;
-
+  border-left: solid 1px var(--dark-gold);
+  border-right: solid 1px var(--dark-gold);
   transition: max-height 0.3s ease;
 }
 
@@ -43,4 +49,5 @@
 
 .dropdown-body {
   padding: 10px;
+  color: white;
 }

css/style.css

@@ -9,8 +9,8 @@
 /** COLOR VARIABLES */
 :root {
   --black: #111111;
-  --gold: #ffd700;
-  --dark-gold: #d1b410;
+  --gold: rgb(223, 200, 65);
+  --dark-gold: rgb(158, 141, 44);
   --light-gold: rgba(255, 215, 0, 0.5);
 }
 
@@ -93,19 +93,16 @@ a {
 h1 {
   font-size: 2.5rem;
   color: #fff;
-  text-align: center;
 }
 
 h2 {
   font-size: 2rem;
-  color: var(--gold);
-  margin-bottom: 1rem;
-  border-bottom: 2px solid var(--gold);
+  color: #fff;
 }
 
 h3 {
   font-size: 1.5rem;
-  color: var(--black);
+  color: #fff;
 }
 
 p {