Added highlighting for selected category

static/css/products.css

@@ -0,0 +1,43 @@
+/* Product Information*/
+
+.product-container {
+    width: 95%;
+    background-color: var(--bg-grad-3);
+    border-radius: 1rem 1rem 0rem 0rem;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    gap: 2rem 1.5rem;
+    padding: 1rem;
+    transition: all 0.2s;
+    overflow-y: scroll;
+}
+
+.product {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    flex: 4 0 1rem;
+    padding: .5rem 1rem 2rem 2rem;
+    background: var(--bg-secondary);
+    border-radius: .5rem .5rem;
+    transition: all 0.2s;
+}
+
+.product-information {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem 1rem;
+}
+
+.product-details {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem 1rem;
+}
+
+.product-description {
+    font-size: 70%;
+}