diff --git a/bg.png b/bg.png
deleted file mode 100644
index e91b667..0000000
Binary files a/bg.png and /dev/null differ
diff --git a/humans.txt b/humans.txt
index d320a2c..3407ebc 100644
--- a/humans.txt
+++ b/humans.txt
@@ -5,4 +5,4 @@ Twitter: @_iiiypuk
 Location: Russia
 
 /* SITE */
-Last update (Обновлено): 2022/02/02
+Last update (Обновлено): 2022/02/27
diff --git a/index.html b/index.html
index c92773d..d0117fa 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,10 @@
 <!doctype html>
-<html>
+<html lang="ru">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Клятва - 2 сезон</title>
+	<link href="/styles.css" rel="stylesheet">
 </head>
 <body>
 	<header>
@@ -11,21 +12,19 @@
 	</header>
 
 	<div class="container">
-		<nav>
-			<p>Выбери серию =)</p>
-			<ul id="episodeList"></ul>
-		</nav>
+		<section class="section-episodes">
+			<div class="episodes">
+				<ul id="episodeList"></ul>
+			</div>
+		</section>
 
-		<hr>
-
-		<div class="video">
-			<p id="episodeName">&nbsp;</p>
+		<section class="section-video">
 			<video id="video" controls>
 			</video>
-		</div>
+		</section>
 	</div>
 
-<script type="text/javascript">
+<script>
 	'use strict';
 
 	let episodesList = [177, 178]; // example
@@ -44,11 +43,8 @@
 	}
 
 	function changeEpisode(episodeId) {
-		let episodeName = document.getElementById('episodeName');
 		let videoElement = document.getElementById('video');
 
-		episodeName.innerText = `${episodeId} серия`;
-
 		videoElement.textContent = '';
 		let videoSource = document.createElement('source');
 		videoSource.setAttribute('src', `https://iiiypuk.me/y/o/${episodeId}.mp4`);
diff --git a/publish.bat b/publish.bat
index fa0e63d..06cfa24 100644
--- a/publish.bat
+++ b/publish.bat
@@ -1,4 +1,8 @@
+scp font/samsung-one-font.css alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/samsung-one-font.css
+scp font/SamsungOne-400.ttf alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.ttf
+scp font/SamsungOne-400.woff alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.woff
+scp font/SamsungOne-400.woff2 alex@iiiypuk.me:~/Sites/iiiypuk.me/y/font/SamsungOne-400.woff2
 scp index.html alex@iiiypuk.me:~/Sites/iiiypuk.me/y/index.html
+scp styles.css alex@iiiypuk.me:~/Sites/iiiypuk.me/y/styles.css
 scp humans.txt alex@iiiypuk.me:~/Sites/iiiypuk.me/y/humans.txt
 scp favicon.ico alex@iiiypuk.me:~/Sites/iiiypuk.me/y/favicon.ico
-scp bg.png alex@iiiypuk.me:~/Sites/iiiypuk.me/y/bg.png
diff --git a/styles.css b/styles.css
index 0d80020..4a20c0b 100644
--- a/styles.css
+++ b/styles.css
@@ -1,9 +1,14 @@
 @import url('/font/samsung-one-font.css');
 
+:root {
+	--c-peace: #a4b0be;
+	--c-bay-wharf: #747d8c;
+	--c-wild-watermelon: #ff6b81;
+	--c-presige-blue: #2f3542;
+}
+
 body {
 	background-color: #fff;
-	background-image: url('bg.png');
-	background-repeat: repeat-x repeat-y;
 	font-family: 'SamsungOne', sans-serif;
 	margin: 0;
 	padding: 0;
@@ -15,41 +20,59 @@ div.container {
 }
 
 header {
-	background-color: #000;
+	background-color: var(--c-presige-blue);
 	color: #fff;
 	padding: 16px;
 }
 
-header p {
+section {
+	margin: 16px 0;
+}
+
+p.title {
+	font-size: 1.3em;
 	margin: 0;
 }
 
-nav p {
+/* video section */
+section.section-video {
 	text-align: center;
-	font-weight: bold;
 }
 
-nav ul {
+/* episodes section */
+section.section-episodes {
+	text-align: center;
+}
+
+div.episodes {
+	background-color: var(--c-peace);
+	display: inline-block;
+	border: 2px solid #000;
+	border-radius: 8px;
+}
+
+div.episodes ul {
+	margin: 0;
 	list-style-type: none;
 	text-align: center;
 	padding-left: 0;
 }
 
-nav li {
-	background-color: #ccc;
+div.episodes li {
 	display: inline-block;
-	border-radius: 8px;
-	padding: 8px;
-	border: 2px solid #000;
-	margin: 0 8px;
 	cursor: pointer;
+	padding: 8px 16px;
+	transition: background-color .2s;
 }
-
-div.video {
-	text-align: center;
-	font-weight: bold;
+div.episodes li:first-child {
+	border-top-left-radius: 8px;
+	border-bottom-left-radius: 8px;
 }
-
-hr {
-	border: 1px solid #444;
+div.episodes li:last-child {
+	border-top-right-radius: 8px;
+	border-bottom-right-radius: 8px;
+}
+div.episodes li:hover {
+	background-color: var(--c-bay-wharf);
+	transition: background-color .2s;
 }
