diff --git a/style.css b/style.css
index 52abc41..9cb08e7 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,6 @@ html {
     font-family: 'GeistMono'; 
     src: url('font/geistmono.ttf') format('truetype');
 }
-
 h1{
 	font-family: "GeistMono";
 	font-size: 2.5rem;
@@ -32,12 +31,18 @@ p, a, ul,	li, body{
 	font-weight: 200;
 	font-size: 1rem;
 }
+/*ЦВЕТ МЕНЯТЬ ТУТА*/
+:root {
+    --main-color: #eee; /* Это цвет текста и всяких обводок*/
+    --accent-color: #989898; /* акцент */
+    --background-color: #000; /* цвет фона */
+}
 
 /*КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ*/
 .nav_butt_1:link, .nav_butt_1:visited {
 	box-sizing: content-box;
-	border: solid #eee 1px; /*Цвет рамки кнопки*/ 
-	color: #eee; /*Цвет текста кнопки*/ 
+	border: solid var(--main-color) 1px; /*Цвет рамки кнопки*/ 
+	color: var(--main-color); /*Цвет текста кнопки*/ 
 	text-align: center;
 	text-decoration: none;
 	display: inline-block;
@@ -47,15 +52,15 @@ p, a, ul,	li, body{
 	margin-top: 10px;
 }
 .nav_butt_1:hover, .nav_butt_1:active {
-  background-color: #eee;/*цвет кнопки при наведении*/ 
-  color: #000; /*цвет текста кнопки при наведении*/ 
+  background-color: var(--main-color);/*цвет кнопки при наведении*/ 
+  color: var(--background-color); /*цвет текста кнопки при наведении*/ 
 }
 
 /*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/
 .nav_butt_2:link, .nav_butt_2:visited {
 	box-sizing: content-box;
-	border: solid #eee 1px; /*Цвет рамки кнопки*/ 
-	color: #eee; /*Цвет текста кнопки*/ 
+	border: solid var(--main-color) 1px; /*Цвет рамки кнопки*/ 
+	color: var(--main-color); /*Цвет текста кнопки*/ 
 	text-align: center;
 	text-decoration: none;
 	display: inline-block;
@@ -66,21 +71,21 @@ p, a, ul,	li, body{
 	margin-top: 10px;
 }
 .nav_butt_2:hover, .nav_butt_2:active {
-  background-color: #eee;/*цвет кнопки при наведении*/ 
-  color: #000; /*цвет текста кнопки при наведении*/ 
+  background-color: var(--main-color);/*цвет кнопки при наведении*/ 
+  color: var(--background-color); /*цвет текста кнопки при наведении*/ 
 }
 
 /*КНОПКИ КОНТЕНТА*/
 .content_butt:link, .content_butt:visited {
 	font-weight: 500;
-	color: #989898; /*Цвет текста кнопки*/ 
+	color: var(--accent-color); /*Цвет текста кнопки*/ 
 	text-align: center;
 	text-decoration: underline;
 	display: inline-block;
 }
 .content_butt:hover, .content_butt:active {
-  background-color: #eee;/*цвет кнопки при наведении*/ 
-  color: #000; /*цвет текста кнопки при наведении*/ 
+  background-color: var(--main-color);/*цвет кнопки при наведении*/ 
+  color: var(--background-color); /*цвет текста кнопки при наведении*/ 
 }
 
 /*СТИЛИ ГЛАВНОЙ СТРАНИЦЫ*/
@@ -110,7 +115,7 @@ p, a, ul,	li, body{
 }
 .nav_box{
 	height: 100vh;
-	border-right: solid 1px #eee;
+	border-right: solid 1px var(--main-color);
 	width: 20%;
 	position: fixed;
 	padding-top: 10vh;
@@ -147,7 +152,7 @@ p, a, ul,	li, body{
 .post_box{
 	width: 100%;
 	padding: 10px;
-	border: solid 1px rgba(238, 238, 238, 0.2); /*обводка новостного дропа*/
+	border: solid 1px var(--accent-color); /*обводка новостного дропа*/
 	margin-bottom: 20px;
 }
 .post_name{
@@ -185,7 +190,7 @@ p, a, ul,	li, body{
 .burger .line {
 	width: 100%;
 	height: 3px;
-	background-color: #eee;
+	background-color: var(--main-color);
 	margin: 5px 0;
 }
 /*Для девайсов с шириной до 768пиксов*/
@@ -239,7 +244,7 @@ p, a, ul,	li, body{
 	.nav_box {
 		width: 100%;
 		border-right: none;
-		border-bottom: solid 1px #eee;
+		border-bottom: solid 1px var(--main-color);
 		position: relative;
 		padding-top: 10px;
 		padding-bottom: 10px;
@@ -262,7 +267,7 @@ p, a, ul,	li, body{
 	.burger .line {
 		width: 100%;
 		height: 3px;
-		background-color: #eee;
+		background-color: var(--main-color);
 		margin: 5px 0;
 		transition: transform 0.1s ease, opacity 0.1s ease, background-color 0.1s ease;
 	}
@@ -290,9 +295,9 @@ p, a, ul,	li, body{
 		top: 100%;
 		left: 0;
 		width: 100%;
-		background-color: #000;
+		background-color: var(--background-color);
 		flex-direction: column;
-		border-bottom: solid 1px #eee;
+		border-bottom: solid 1px var(--main-color);
 		align-items: center;
 		transform: translateY(-20px); /* Начальная позиция меню */
 		opacity: 0; /* Меню скрыто */