From 5bc63fe3398bf6fbe1e5e7be63e4d1c8e1255f62 Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Wed, 21 Oct 2026 20:18:57 +0200
Subject: [PATCH] dodane osnovne nastavitve css

---
 stylesheet.css | 54 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

diff --git a/stylesheet.css b/stylesheet.css
index 4536794..315adb8 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -17,4 +17,56 @@
     --zaobljenost: 0.75rem;
 }
 
-/*osnovne nastavitve */
\ No newline at end of file
+/*osnovne nastavitve */
+
+* {
+    box-sizing: border-box; /* zvezdica pomeni da velja za vse */
+}
+
+html {
+    font-size: 100%;
+    scroll-behavior: smooth; /* men se je osebno samo lepše zdel da kamorkoli prideš da je vmes scroll transition da ne mors kr jumpat iz elementa na element */
+    scroll-padding-top: 7rem; /* ko bom pri receptih uporabljala sidra in skakanje po strani "nazaj na vrh" da mi naslova ne bo prekrila glava, da bo vmes 7rem prostora */
+}
+
+body {
+    margin: 0;
+    background-color: var(--barva-ozadje);
+    color: var(--barva-besedilo);
+    font-family: "Montserrat", sans-serif;
+    font-size: 1rem;
+    line-height: 1.7;
+}
+
+h1,
+h2,
+h3 {
+    color: var(--barva-besedilo);
+    font-family: "Fraunces", serif;
+    line-height: 1.25; /*koliko je razmoke med vrsticami, če bi bilo 0 bi se besedila prekrivala */
+}
+
+h1 {
+    font-size: 2.8rem;
+}
+
+h2 {
+    font-size: 2rem;
+}
+
+h3 {
+    font-size: 1.4rem;
+}
+
+img {
+    max-width: 100%;
+}
+
+a {
+    color: var(--barva-poudarek);
+}
+
+a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj je izbrano*/
+    outline: 0.15rem solid var(--barva-dodatna);
+    outline-offset: 0.2rem;
+}