search_bar been added

static/css/style.css

@@ -42,7 +42,8 @@
   width:80vw;
   padding:20px;
 }
-#addLog_button{
+/*button*/
+#button{
   display:flex;
   align-items:center;
   gap:8px;
@@ -58,6 +59,22 @@
   transition: all 0.2s;
 }
 
-#navagtor{
-  
+/*search_bar*/
+#search_bar{
+  margin-top: 20px;
+  width: 100%;
+}
+
+#mediaSearch {
+  width:100%;
+  padding: 15px;
+  font-size:1rem;
+  border: 2px solid #eee;
+  border-radius: 10px;
+    outline: none;
+    transition: border-color 0.3s;
+    box-sizing: border-box; /* Ensures padding doesn't break width */
+}
+#mediaSearch:focus {
+    border-color: var(--show-color); /* Changes color when you click it */
 }