diff --git a/styly.css b/styly.css
index af42a35..ef30aa3 100644
--- a/styly.css
+++ b/styly.css
@@ -1,3 +1,8 @@
+:root {
+  --my-brown: brown;
+  --my-red: red;
+}
+
 footer {
   position: fixed;
   bottom: 0;
@@ -26,6 +31,8 @@ footer {
 body {
   background-image: url(obrazky/white-21.jpg);
   background-size: 100%;
+  max-width: 1200px;
+  margin: auto;
   /* obrázek na pozadí */
   /*background-attachment: fixed;*/
   /* pozadí neroluje */
@@ -47,18 +54,18 @@ a.tlacitko {
 
 a.tlacitko:link {
   text-decoration: none;
-  color: brown;
+  color: var(--my-brown);
 }
 
 a.tlacitko:visited {
   text-decoration: none;
-  color: red;
+  color: var(--my-red);
 }
 
 a.tlacitko:hover {
   text-decoration: none;
   /*border-bottom : 1px solid orange;*/
-  color: brown;
+  color: var(--my-brown);
 }
 /* </style> */
 .dot {
diff --git a/zivotopis/style1.css b/zivotopis/style1.css
index 5b86b55..d839cdf 100644
--- a/zivotopis/style1.css
+++ b/zivotopis/style1.css
@@ -1,6 +1,8 @@
 :root {
   --my-black: black;
   --my-beckground: #ded4d4;
+  max-width: 1200px;
+  margin: auto;
 }
 
 body {