ok

src/components/MusicPlayer.css

@@ -77,7 +77,7 @@
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
   /* Text shadow for readability */
   
-  margin-bottom: -47px;
+  margin-bottom: 25px;
 }
 
 .progress-container {
@@ -198,14 +198,19 @@
   flex-grow: 1;
   border: none;
   border-radius: 25px;
-  /* Round the corners */
   padding: 10px 15px;
   font-size: 16px;
   outline: none;
-  /* Remove default outline */
   background-color: #f4efe6;
   text-align: center;
+  transition: background-color 0.3s ease; /* Smooth transition for the effect */
 }
+
+.search-box input[type="text"].clicked {
+  background-color: #d0c7b3; /* The color when clicked */
+}
+
+
 .search-box input[type="text"]::placeholder {
   font-weight: bold;
   opacity: 0.7;