update style 2

themes/tella/layouts/products/list.html

@@ -2,6 +2,8 @@
 <div class="mx-auto my-10 max-w-6xl">
     <div class="mx-3 col-span-3 lg:col-span-2 px-2">
         <h1 class="title text-5xl mb-4 text-white-custom">{{.Title}}</h1>
+        <hr style="border-color: #00ad8e;">
+        <br>
         <div class="content py-1">{{.Content}}</div>
         <div class="grid grid-cols-1 md:grid-cols-2 mb-2 gap-2">
         {{ range .Pages.ByWeight }}

themes/tella/layouts/products/summary.html

@@ -7,9 +7,9 @@
   }
 </style>
 
-<a href="{{ .Permalink }}">
+<a href="{{ .Permalink }}" class="transform hover:-translate-y-1 hover:shadow-md duration-500">
     <div class="summary border p-3 border-green-custom">
-        <h2 class="text-3xl title-product-summary">
+        <h2 class="text-3xl title-product-summary text-white-custom">
             {{ .Title }}
         </h2>
         <img src="{{ .Params.image | relURL }}" alt="-product-image-">