diff --git a/index.html b/index.html
index 0b19c64..3c0022f 100644
--- a/index.html
+++ b/index.html
@@ -15,22 +15,22 @@
 		</header>
 		<main>
 			<section class="side-bar">
-				<p><a href="index.html">Главная</a></p>
-				<p><a href="http:\\176.114.129.4:3000">Gitea</a></p>
-				<p><a href="servers.html">Сервера</a></p>
-				<p><a href="mychat.html">MyChat</a></p>
-				<p><a href="workout.html">Программа тренировок</a></p>
+				<p class="mainp"><a href="index.html">Главная</a></p>
+				<p class="gitea"><a href="http:\\176.114.129.4:3000">Gitea</a></p>
+				<p class="servers"><a href="servers.html">Сервера</a></p>
+				<p class="mychat"><a href="mychat.html">MyChat</a></p>
+				<p class="workout-area"><a href="workout.html">Программа тренировок</a></p>
 			</section>
-			<section class="clay"> </section>
-			<section class="main-content">
+			<section class="main-content" id="main-content">
 				<h1 class="page-title">Приветствую!</h1>
 				<p>Данный сайт разработан для личного использования. Здесь можно найти репозиторий Git. Также тут можно найти мои сервера Minecraft, Project Zomboid и иногда других игр. Еще у нас есть свой мессенджер MyChat</p>
 			</section>
 		</main>
 		<footer>
 			<section>
-				<p>© Dhaverd 2022</p>
+				<p>® Dhaverd 2022</p>
 			</section>
 		</footer>
 	</body>
+	<script src="src/scripts/index.js"></script>
 </html>
\ No newline at end of file
diff --git a/mychat.html b/mychat.html
index 9406196..fd21426 100644
--- a/mychat.html
+++ b/mychat.html
@@ -15,14 +15,13 @@
 		</header>
 		<main>
 			<section class="side-bar">
-				<p><a href="index.html">Главная</a></p>
-				<p><a href="http:\\176.114.129.4:3000">Gitea</a></p>
-				<p><a href="servers.html">Сервера</a></p>
-				<p><a href="mychat.html">MyChat</a></p>
-				<p><a href="workout.html">Программа тренировок</a></p>
+				<p class="mainp"><a href="index.html">Главная</a></p>
+				<p class="gitea"><a href="http:\\176.114.129.4:3000">Gitea</a></p>
+				<p class="servers"><a href="servers.html">Сервера</a></p>
+				<p class="mychat"><a href="mychat.html">MyChat</a></p>
+				<p class="workout-area"><a href="workout.html">Программа тренировок</a></p>
 			</section>
-			<section class="clay"> </section>
-			<section class="main-content">
+			<section class="main-content" id="main-content">
 				<h1 class="page-title">MyChat</h1>
 				<p>Скачать MyChat Client можно здесь: <a class="text-link" target="_blank" href="https://nsoft-s.com/downloadmychat.html">ТыК</a></p>
 				<p>Также можно открыть Web-версию: <a class="text-link" target="_blank" href="http://176.114.129.4:800/chat">ТыК</a> </p>
@@ -35,8 +34,9 @@
 		</main>
 		<footer>
 			<section>
-				<p>© Dhaverd 2022</p>
+				<p>® Dhaverd 2022</p>
 			</section>
 		</footer>
 	</body>
+	<script src="src/scripts/index.js"></script>
 </html>
\ No newline at end of file
diff --git a/servers.html b/servers.html
index 2caa6c1..d62eb89 100644
--- a/servers.html
+++ b/servers.html
@@ -15,14 +15,13 @@
 		</header>
 		<main id="#main">
 			<section class="side-bar">
-				<p><a href="index.html">Главная</a></p>
-				<p><a href="http://176.114.129.4:3000">Gitea</a></p>
-				<p><a href="servers.html">Сервера</a></p>
-				<p><a href="mychat.html">MyChat</a></p>
-				<p><a href="workout.html">Программа тренировок</a></p>
+				<p class="mainp"><a href="index.html">Главная</a></p>
+				<p class="gitea"><a href="http:\\176.114.129.4:3000">Gitea</a></p>
+				<p class="servers"><a href="servers.html">Сервера</a></p>
+				<p class="mychat"><a href="mychat.html">MyChat</a></p>
+				<p class="workout-area"><a href="workout.html">Программа тренировок</a></p>
 			</section>
-			<section class="clay"> </section>
-			<section class="main-content">
+			<section class="main-content" id="main-content">
 				<h1 class="page-title">У нас имеются следующие сервера:</h1>
 				<br>
 				<h2>Minecraft 1.16.1 Vanilla</h2>
@@ -41,8 +40,9 @@
 		</main>
 		<footer>
 			<section>
-				<p>© Dhaverd 2022</p>
+				<p>® Dhaverd 2022</p>
 			</section>
 		</footer>
-	</body>
+	</body>	
+	<script src="src/scripts/index.js"></script>
 </html>
\ No newline at end of file
diff --git a/src/scripts/index.js b/src/scripts/index.js
index e69de29..816e12c 100644
--- a/src/scripts/index.js
+++ b/src/scripts/index.js
@@ -0,0 +1,14 @@
+$(document).ready(function() {
+  resetContentSize()
+});
+
+function resetContentSize() {
+	console.log("Fixing main-content height:");	
+	let mainContent = document.getElementById('main-content');
+	var offsetHeight = Number(mainContent.offsetHeight);
+	console.log("\tHeight was: " + offsetHeight);
+	var newHeight = offsetHeight + 30;	
+	console.log("\tSetting css: " + 'height:'+newHeight+'px');
+	mainContent.setAttribute('style', 'height:'+newHeight+'px');
+	console.log("\tHeight become: " + mainContent.offsetHeight);
+}
\ No newline at end of file
diff --git a/src/styles/style.css b/src/styles/style.css
index e59389b..551e908 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -5,21 +5,50 @@
 
 
 body {
+	padding-left: 100px;
+	padding-right: 100px; 
+	/* Или процентами? */
 	background-color: #575757;
 }
 
-.side-bar {
-	grid-area: side;
+.side-bar {		
+	align-items: center;
+	width: 100%;
+	display: grid;
+	grid-template-columns: 20% 20% 20% 20% 20%;
+	grid-template-areas: "mainp gitea servers mychat workout-area";
 	background-color: #424242;
-	height: 250px;
+	height: auto;
+}
+
+.mainp {
+	grid-area: mainp;
+}
+
+.gitea {
+	grid-area: gitea;
+}
+
+.servers {
+	grid-area: servers;
+}
+
+.mychat {
+	grid-area: mychat;
+}
+
+.workout-area {
+	grid-area: workout-area;
 }
 
 .side-bar p {		
 	color: #E0E0E0;
-	text-align: left;
+	text-align: center;
 	padding-left:25px;
 	font-family: Arial;
-	font-size: 20px;
+	font-size: 6px;
+	padding-top: 2px;
+	padding-bottom: 2px;
 }
 
 .page-title{
@@ -27,10 +56,10 @@ body {
 }
 
 .main-content {
-	padding-left:5px;
-	grid-area: main-content;
+	padding-left:10px;
 	text-align: left;
 	background-color: #424242;
+	height: auto;
 }
 
 .main-content p {	
@@ -59,38 +88,36 @@ body {
 	color: rgb(215, 77, 0);
 }
 
-.clay {
-	grid-area: clay;
-}
-
 main {	
 	padding-top: 10px;
+	/*
 	display: grid;
 	grid-template-columns: 15% 1% 84%;
 	grid-template-areas: "side clay main-content";
+	*/
 	height: auto;
-	margin-bottom: 50px;
+	margin-bottom: 10px;
 }
 
-footer {
+footer {	
+	text-align: right;
+	padding-left: 100px;
+	padding-right: 100px;
 	background-color: #424242;
-	position: fixed;
-    bottom: 0;
-    left: 0;
-	width:100%;
 	height: 7%;
 }
 
 footer p {
 	padding-left: 15px;
-	padding-top: 10px;
-	padding-bottom: 10px;
+	padding-top: 20px;
+	padding-bottom: 20px;
 	color: #E0E0E0;
 	font-family: Arial;
-	font-size: 15px;
+	font-size: 18px;
 }
 
 h1 {
+	padding-top: 10px;
 	text-align: center;
 	color: #609A21;
 	font-family: Arial;
diff --git a/workout.html b/workout.html
index 64d8467..043298a 100644
--- a/workout.html
+++ b/workout.html
@@ -15,14 +15,13 @@
 		</header>
 		<main>
 			<section class="side-bar">
-				<p><a href="index.html">Главная</a></p>
-				<p><a href="http:\\176.114.129.4:3000">Gitea</a></p>
-				<p><a href="servers.html">Сервера</a></p>
-				<p><a href="mychat.html">MyChat</a></p>
-				<p><a href="workout.html">Программа тренировок</a></p>
+				<p class="mainp"><a href="index.html">Главная</a></p>
+				<p class="gitea"><a href="http:\\176.114.129.4:3000">Gitea</a></p>
+				<p class="servers"><a href="servers.html">Сервера</a></p>
+				<p class="mychat"><a href="mychat.html">MyChat</a></p>
+				<p class="workout-area"><a href="workout.html">Программа тренировок</a></p>
 			</section>
-			<section class="clay"> </section>
-			<section class="main-content">
+			<section class="main-content" id="main-content">
 				<h1 class="page-title">Программа тренировок</h1>
 				<table class="workout-table">
 					<tr>
@@ -155,13 +154,13 @@
 						<td class="count">3x10</td>
 					</tr>
 				</table>
-				<br>
 			</section>
 		</main>
 		<footer>
 			<section>
-				<p>© Dhaverd 2022</p>
+				<p>® Dhaverd 2022</p>
 			</section>
 		</footer>
 	</body>
+	<script src="src/scripts/index.js"></script>
 </html>
\ No newline at end of file