update menu

css/index.css

@@ -97,6 +97,8 @@ a img:hover{
 /* new theme */
 
 .dropdown { 
+
+  background-color: rgb(0 0 0 / 50%);
   @apply
   lg:text-lg
   px-6
@@ -104,7 +106,6 @@ a img:hover{
   lg:mr-5
   my-3
   shadow
-  bg-white
   border-black
   capitalize 
   leading-6 
@@ -115,17 +116,18 @@ a img:hover{
   w-full 
   items-start
   rounded 
-  transition 
-  hover:first:text-gray-500 
-  hover:border-stone-200 
-  hover:bg-stone-100 
+  transition  
+  hover:border-stone-700 
+  /* hover:bg-stone-100  */
   p-2 
   text-left
+  text-white
 }
 
 .dropdown a{
   @apply
   px-0
+  text-white
 }
 
 .subtitle {
@@ -380,12 +382,12 @@ background-color:#5596f5 !important;
   }
 
 
-button:hover :is(:where(a)) {
+/* button:hover :is(:where(a)) {
   color: #5e5e5e;
-}
+} */
 
 button :is(:where(p)) {
-  color: #3d3b39;
+  color: #ddd;
   font-weight: 400;
 }