diff --git a/rezervacija.html b/rezervacija.html
index d88c429..a759b25 100644
--- a/rezervacija.html
+++ b/rezervacija.html
@@ -7,116 +7,119 @@
     <title>Rezervacija | Za prste obliznit</title>
 </head>
 <body>
-<header class="site_header">
-    <nav class="nav_bar">
-        <a class="logo" href="index.html">
-            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
-             <span>Za prste obliznit</span>
-        </a>
-        <ul class="main_menu">
-            <li><a href="index.html">Domov</a></li>
-            <li><a href="jedilnik.html">Jedilnik</a></li>
-            <li><a href="recepti.html">Recepti</a></li>
-            <li><a class="active" href="rezervacija.html">Rezervacija</a></li>
-            <li><a href="o_nas.html">O nas</a></li>
-        </ul>
-    </nav>
-</header>
-    <h1>Vaša miza vas že čaka</h1>
-        <p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
-        <h2>Nekaj informaciji pred rezervacijo:</h2>
-        <p>
-            <b>Kdaj lahko rezervirate?</b>
-            <br>
-            Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
-        </p>
-        <p>
-            <b>Prihajate v večji družbi?</b>
-            <br>
-            Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
-        </p>
-        <p> 
-            Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
-            <br>
-            <b>Ekipa Za prset obliznit</b>
-        </p>
-    <h2>Rezervacija</h2>
-    <p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
-    <form method="get">
-        <fieldset>
-            <legend>Podrobnosti rezervacije:</legend>
-             Datum obiska
-            <br>
-            <input type="date" id="datum-obiska" name="datum-obiska" required>
+    <header class="site_header">
+        <nav class="nav_bar">
+            <a class="logo" href="index.html">
+                <img src="logo.png" alt="Logotip restavracije" width="150"><br>
+                <span>Za prste obliznit</span>
+            </a>
+            <ul class="main_menu">
+                <li><a href="index.html">Domov</a></li>
+                <li><a href="jedilnik.html">Jedilnik</a></li>
+                <li><a href="recepti.html">Recepti</a></li>
+                <li><a class="active" href="rezervacija.html">Rezervacija</a></li>
+                <li><a href="o_nas.html">O nas</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main class="rezervacija_page">
+        <h1>Vaša miza vas že čaka</h1>
+            <p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
+            <h2>Nekaj informaciji pred rezervacijo:</h2>
+            <p>
+                <b>Kdaj lahko rezervirate?</b>
+                <br>
+                Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
+            </p>
+            <p>
+                <b>Prihajate v večji družbi?</b>
+                <br>
+                Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
+            </p>
+            <p> 
+                Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
+                <br>
+                <b>Ekipa Za prset obliznit</b>
+            </p>
+        <h2>Rezervacija</h2>
+        <p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
+        <form method="get">
+            <fieldset class="field_rezervacija">
+                <legend>Podrobnosti rezervacije:</legend>
+                
+                Datum obiska
+                <br>
+                <input type="date" id="datum-obiska" name="datum-obiska" required>
+                <br>
+                <br>
+                Ura obiska
+                <br>
+                <input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
+                <br>
+                <br>
+                Število oseb
+                <br>
+                <input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
+                <br>
+                <br>
+                Prostor:
+                    <select id="prostor" name="prostor">
+                        <option value="notranjost">Notranjost</option>
+                        <option value="terasa">Terasa</option>
+                        <option value="zasebna-soba">Zasebna soba</option>
+                    </select>
+            </fieldset>
             <br>
             <br>
-            Ura obiska
-            <br>
-            <input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
+            <fieldset  class="field_rezervacija">
+                <legend>Osebni podatki:</legend>
+                Ime in priimek
+                <br>
+                <input type="text" id="ime-priimek" name="ime-priimek" required>
+                <br>
+                <br>
+                E-poštni naslov
+                <br>
+                <input type="email" id="email" name="email" required>
+                <br>
+                <br>
+                Telefonska številka
+                <br>
+                <input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
+            </fieldset>
             <br>
             <br>
-            Število oseb
-            <br>
-            <input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
+            <fieldset class="field_rezervacija">
+                <legend>Dodatne želje:</legend>
+                Priložnost
+                <br>
+                <input type="radio" id="brez" name="priloznost" value="brez"> Brez
+                <input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
+                <input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica 
+                <input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
+                <br>
+                <br>
+                Posebne omejitve <br>
+                <input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
+                <input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
+                <input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
+                <input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
+                <br>
+                <br>
+                Opombe
+                <br>
+                <textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
+            </fieldset>
             <br>
             <br>
-            Prostor:
-                <select id="prostor" name="prostor">
-                    <option value="notranjost">Notranjost</option>
-                    <option value="terasa">Terasa</option>
-                    <option value="zasebna-soba">Zasebna soba</option>
-                </select>
-        </fieldset>
-        <br>
-        <br>
-        <fieldset>
-            <legend>Osebni podatki:</legend>
-             Ime in priimek
+            <input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov 
+            <br><br>
+            <input type="submit" value="Oddaja rezervacije">
             <br>
-            <input type="text" id="ime-priimek" name="ime-priimek" required>
-            <br>
-            <br>
-            E-poštni naslov
-            <br>
-            <input type="email" id="email" name="email" required>
-            <br>
-            <br>
-            Telefonska številka
-            <br>
-            <input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
-        </fieldset>
-        <br>
-        <br>
-        <fieldset>
-            <legend>Dodatne želje:</legend>
-            Priložnost
-            <br>
-            <input type="radio" id="brez" name="priloznost" value="brez"> Brez
-            <input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
-            <input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica 
-            <input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
-            <br>
-            <br>
-            Posebne omejitve <br>
-            <input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
-            <input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
-            <input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
-            <input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
-            <br>
-            <br>
-            Opombe
-            <br>
-            <textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
-        </fieldset>
-        <br>
-        <br>
-        <input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov 
+            <input type="reset" value="Ponastavi">
+        </form>
         <br><br>
-        <input type="submit" value="Oddaja rezervacije">
-        <br>
-        <input type="reset" value="Ponastavi">
-    </form>
-    <br><br>
+    </main>
     <footer>
     <address>
         Za prste obliznit<br>
diff --git a/stylesheet.css b/stylesheet.css
index 15cfa23..2c716a6 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -608,4 +608,32 @@ footer p {
     color: var(--barva-besedilo);
     transition: 0.2s;
     font-weight: 500;
+}
+
+/*rezervacija- fieldseti */
+
+.field_rezervacija {
+    background-color: var(--barva-kartice);
+    box-shadow: var(--senca-kartice);
+    border-radius: var(--zaobljenost);
+    border:none;
+    border-top:0.3rem solid var(--barva-poudarek);
+}
+
+.field_rezervacija legend {
+    background-color: var(--barva-poudarek);
+    color: var(--barva-besedilo-na-temnem);
+    font-weight: 600;
+    font-family: "Fraunces", sans-serif;
+    border-radius: var(--zaobljenost);
+    padding: 0.5rem;
+}
+
+.field_rezervacija:focus-within {
+    border-top:0.3rem solid var(--barva-dodatna);
+}
+
+.field_rezervacija:focus-within legend {
+    background-color: var(--barva-dodatna);
+    color: var(--barva-besedilo);
 }
\ No newline at end of file