Add style.css

style.css

@@ -0,0 +1,39 @@
+/* CSS for search bar styling */
+    .search-result-item {
+        display: flex;
+        padding: 10px;
+        border-bottom: 1px solid #ddd;
+    }
+    .search-result-image {
+        width: 60px;
+        height: 60px;
+        object-fit: cover;
+        margin-right: 10px;
+    }
+    .search-result-info {
+        flex: 1;
+    }
+    .search-result-meta {
+        display: flex;
+        justify-content: space-between;
+        font-size: 0.9em;
+        color: #555;
+    }
+    #search-bar.active {
+        display: block;
+    }
+    #search-bar {
+        margin-top: 10px;
+    }
+    .search-results {
+        max-height: 300px;
+        overflow-y: auto;
+        margin-top: 10px;
+    }
+    .header__icon--search {
+        cursor: pointer;
+        padding: 10px;
+        border: 1px solid #ccc;
+        display: inline-block;
+        margin-top: 20px;
+    }