fix overlapping styles

themes/gallo/layouts/partials/categories.html

@@ -1,11 +1,11 @@
 <section class="bg-white text-gray-600 body-font">
   <div class="container px-5 py-24 mx-auto">
     <div class="flex flex-col w-full mb-20">
-      <h1
+      <p
         class="lg:w-2/3 mx-auto text-3xl mx-auto text-left font-medium title-font mb-4 text-gray-900"
       >
         Rental Catalog
-      </h1>
+      </p>
       <p class="lg:w-2/3 text-gray-600 mx-auto leading-relaxed text-base">
         Browse our extensive catalog of wedding structures to find the perfect
         setting for your special day. Our structures are designed to provide a
@@ -18,7 +18,7 @@
     >
       {{ range .Site.Params.catalogButtons.home }}
       <a
-        class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden  hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
+        class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
         href="/catalog/#{{ .categoryName }}"
       >
         <span
@@ -29,7 +29,7 @@
             class="text-white font-bold w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
           >
             {{ .categoryName }}
-        </span>
+          </span>
 
           <img
             class="min-h-full h-auto w-full opacity-90"

themes/gallo/layouts/partials/header.html

@@ -3,9 +3,9 @@
   class="flex justify-start py-36 px-5"
 >
   <div class="flex flex-col w-full mx-auto container">
-    <h1 class="lg:w-2/3 mx-auto text-3xl text-left font-bold title-font mb-4">
+    <p class="lg:w-2/3 mx-auto text-3xl text-left font-bold title-font mb-4">
       {{ .Site.Params.headerTitle }}
-    </h1>
+    </p>
     <p class="lg:w-2/3 text-md mx-auto leading-relaxed text-base">
       {{ .Site.Params.headerDesc }}
     </p>

themes/gallo/src/input.css

@@ -72,76 +72,4 @@
     font-size: 18px;
     color: #999;
   }
-
-  strong,
-  b {
-    font-weight: bold;
-    color: #666;
-  }
-
-  em,
-  i {
-    font-style: italic;
-    color: #666;
-  }
-
-  ul,
-  ol {
-    list-style-position: inside;
-    margin-left: 20px;
-  }
-
-  li {
-    padding-bottom: 5px;
-  }
-
-  ul li {
-    list-style-type: disc;
-  }
-
-  ol li {
-    list-style-type: decimal;
-  }
-
-  table {
-    border-collapse: collapse;
-    width: 100;
-  }
-
-  th,
-  td {
-    border: 1px solid #ddd;
-    padding: 5px;
-    text-align: left;
-  }
-
-  th {
-    font-weight: bold;
-  }
-
-  blockquote {
-    background-color: #f7f7f7;
-    padding: 10px;
-    margin-bottom: 20px;
-    border-left: 5px solid #ccc;
-  }
-
-  blockquote p {
-    font-size: 14px;
-    color: #666;
-  }
-
-  code,
-  pre {
-    font-family: monospace;
-    background-color: #f0f0f0;
-    padding: 10px;
-    border: 1px solid #ddd;
-  }
-
-  code {
-    display: inline-block;
-    font-size: 12px;
-    margin-bottom: 5px;
-  }
 }