main padding

css/layout.css

@@ -63,8 +63,43 @@ nav a {
     text-decoration: none;
 }
 
+/* Efekt po najechaniu myszą:
+Tło staje się ciemne, tekst jasny → efekt "przełączania"
+border: 1px solid – dodaje obramowanie */
+
 nav a:hover {
     background-color: #625B5B;
     color: #EAEAEA;
     border: 1px solid #EAEAEA;
-}
+}
+
+/* margin-left: 40px – wcięcie listy
+list-style-type: circle – kropki jako kółka */
+
+ul {
+    margin-left: 40px;
+    list-style-type: circle;
+}
+
+/* border: 1px dashed – przerywana linia wokół tabeli
+width: 60% – tabela zajmuje 60% szerokości kontenera
+margin-left: 40px – wcięcie od lewej
+text-align: center – tekst w tabeli jest wyśrodkowany */
+
+table {
+    border: 1px dashed #625B5B;
+    width: 60%;
+    margin-left: 40px;
+    text-align: center;
+}
+
+/* Klasa .kontrolki – np. dla przycisków, daje mały margines. */
+.kontrolki {
+    margin: 5px;
+}
+
+/* main – główna treść strony ma wewnętrzny odstęp 20px od brzegów. */
+
+main {
+    padding: 20px;
+}