From c6cbc86b8a361f59d5f06dc2eb6581c21da51d4f Mon Sep 17 00:00:00 2001
From: dekabu <dyonya0.0@gmail.com>
Date: Sat, 5 Jul 2025 07:20:24 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D1=80=D0=B0=D1=81=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5=20=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 404.html       | 3 +--
 js/main.js     | 2 ++
 style/main.css | 7 ++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/404.html b/404.html
index 9bb0815..b7e0c66 100644
--- a/404.html
+++ b/404.html
@@ -55,8 +55,7 @@
 	</header>	
 	<main>
 		<h1>Ошибка 404: запрашиваемый ресурс не найден!</h1>
-		<br/>
-		<p>Измените запрос или <a href="/">перейдите на главную</a></p>
+		<p>Измените запрос или <a href="/">перейдите на главную</a>.</p>
 	</main>
 	<footer>
 		<div>Казанское объединение молодых поэтов</div>
diff --git a/js/main.js b/js/main.js
index a1208c0..b7e4203 100644
--- a/js/main.js
+++ b/js/main.js
@@ -4,9 +4,11 @@ const menu = document.getElementById('menu')
 function toggleMenu() {
 	if (menu.className == '') {
 		menu.className = button.className = 'active'
+		menu.style.maxHeight = menu.scrollHeight + 'px'
 	}
 	else {
 		menu.className = button.className = ''
+		menu.style.maxHeight = null
 	}
 }
 
diff --git a/style/main.css b/style/main.css
index e0e4f68..48ec130 100644
--- a/style/main.css
+++ b/style/main.css
@@ -86,6 +86,9 @@ header {
 
 #menu {
 	display: none;
+	overflow: hidden;
+	max-height: 0;
+	transition: max-height .2s ease-out
 }
 
 #menu .button {
@@ -168,6 +171,7 @@ label p {
 
 .input:hover {
 	border-color: color-mix(in srgb, var(--border-color), black 30%);
+	transition: border-color .2s;
 }
 
 .input:focus {
@@ -196,6 +200,7 @@ input[type=submit] {
 
 input[type=submit]:hover {
 	background: color-mix(in srgb, var(--accent-color), black 20%);
+	transition: background-color .2s;
 }
 
 .content {
@@ -274,7 +279,7 @@ footer a:first-child {
 	.right > button {
 		display: block;
 	}
-	#menu.active {
+	#menu {
 		display: block;
 	}
 	footer {