meni receptov urejen v sistem gumbov

stylesheet.css

@@ -494,8 +494,36 @@ footer p {
     padding: 3rem 1.5rem 5rem;
 }
 
+.recepti_page h1 {
+    text-align: center;
+}
 /*menu receptov*/
 
+.seznam_receptov {
+    display: flex;
+    max-width: 1100px;
+    justify-content: center;
+    gap: 3.5rem;
+    list-style: none;
+    margin-top: 3rem;
+    margin-bottom: 5rem;
+}
+
+.gumb_2 {
+    padding: 0.85rem 1.5rem;
+    border-radius: var(--zaobljenost);
+    outline: 0.15rem solid var(--barva-besedilo);
+    color: var(--barva-besedilo);
+    text-decoration: none;
+}
+
+
+.gumb_2:hover {
+    background-color:var(--barva-kartice);
+    transition:0.2s;
+}
+
+
 /* kartice receptov */
 .recepti_jedi {
     margin: 2rem;
@@ -550,7 +578,7 @@ footer p {
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
-    gap: 0.35rem;
+    gap: 3rem;
 
     margin: 0;
     padding: 0;