diff --git a/de/download.htm.template b/de/download.htm.template
index f1d2a8b..60e11b7 100644
--- a/de/download.htm.template
+++ b/de/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a class='sel' href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../de/index.htm">Kolibri</a>
diff --git a/de/index.htm b/de/index.htm
index 26048b3..6f12f8d 100644
--- a/de/index.htm
+++ b/de/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a class='sel' href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../de/index.htm" class='a'>Kolibri</a>
diff --git a/de/screen.htm b/de/screen.htm
index 92f9076..c29907f 100644
--- a/de/screen.htm
+++ b/de/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a class='sel' href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../de/index.htm">Kolibri</a>
diff --git a/dropdown.css b/dropdown.css
deleted file mode 100644
index 2e4af22..0000000
--- a/dropdown.css
+++ /dev/null
@@ -1,74 +0,0 @@
-#lang-dropdown
-{
-	position: fixed;
-	z-index:9100;
-	color: #fff;
-	display: none;
-	opacity: 0;
-	filter:alpha(opacity=0);
-}
-
-#lang-dropdown::before
-{
-	content: '';
-	display: block;
-	position: absolute;
-	border: 11px solid #333;
-	border-left: 10px solid rgba(255, 255, 255, 0);
-	border-right: 10px solid rgba(255, 255, 255, 0);
-	border-top: 0px solid rgba(255, 255, 255, 0);
-	top: -10px;
-	left: 50%;
-	margin-left: -10px;
-}
-
-#lang-dropdown > ul
-{
-	display: block;
-	border-radius: 5px;
-	border: 1px solid #333;
-	box-shadow: 0 0 5px #000;
-	box-shadow: 0 0 10px rgba(0,0,0,0.4);
-	overflow: hidden;
-	background: #333;
-}
-
-#lang-dropdown > ul > li a
-{
-	display: block;
-	padding: 0 50px 0 20px;
-	font-size: 0.8em;
-	line-height: 3;
-	border-top: 1px solid rgba(255, 255, 255, 0.06);
-	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-	text-decoration: none;
-	color: #fff !important;
-}
-
-#lang-dropdown > ul > li a:hover
-{
-	background: #444;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
-}
-
-#lang-dropdown > ul > li a.sel {
-	color: #888 !important;
-}
-
-#lang-dropdown > ul > li a > img
-{
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 10px;
-	margin-top: -3px;
-}
-
-#lang-dropdown > ul > li:first-child a
-{
-	border-top: none;
-}
-
-#lang-dropdown > ul > li:last-child a
-{
-	border-bottom: none;
-}
diff --git a/en/download.htm.template b/en/download.htm.template
index e3502a2..3d4e3cd 100644
--- a/en/download.htm.template
+++ b/en/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a class='sel' href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 	
 	<nav id="menu">
 		<a href="../en/index.htm">Kolibri</a>
diff --git a/en/index.htm b/en/index.htm
index fa48091..e239335 100644
--- a/en/index.htm
+++ b/en/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a class='sel' href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../en/index.htm" class='a'>Kolibri</a>
diff --git a/en/screen.htm b/en/screen.htm
index bdadf8f..7b16959 100644
--- a/en/screen.htm
+++ b/en/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a class='sel' href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../en/index.htm">Kolibri</a>
diff --git a/es/download.htm.template b/es/download.htm.template
index b81ba14..6d81924 100644
--- a/es/download.htm.template
+++ b/es/download.htm.template
@@ -12,7 +12,7 @@
 	</head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
     
 	<nav id="menu">
 		<a href="../es/index.htm" >Kolibri</a>
diff --git a/es/index.htm b/es/index.htm
index e53d265..3d92084 100644
--- a/es/index.htm
+++ b/es/index.htm
@@ -12,7 +12,7 @@
 	</head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../es/index.htm" class='a'>Kolibri</a>
diff --git a/es/screen.htm b/es/screen.htm
index fd2fb6b..828efc4 100644
--- a/es/screen.htm
+++ b/es/screen.htm
@@ -12,7 +12,7 @@
 	</head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-    </nav>
+	</div>
     
 	<nav id="menu">
 		<a href="../es/index.htm" >Kolibri</a>
diff --git a/fr/download.htm.template b/fr/download.htm.template
index e6e29bc..efc7d2d 100644
--- a/fr/download.htm.template
+++ b/fr/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../fr/index.htm" >Kolibri</a>
diff --git a/fr/index.htm b/fr/index.htm
index 9603ef4..32b48cf 100644
--- a/fr/index.htm
+++ b/fr/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../fr/index.htm" class='a'>Kolibri</a>
diff --git a/fr/screen.htm b/fr/screen.htm
index e3d0612..3b7ca4f 100644
--- a/fr/screen.htm
+++ b/fr/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../fr/index.htm" >Kolibri</a>
diff --git a/i/bg.png b/i/bg.png
new file mode 100644
index 0000000..edf9fe1
Binary files /dev/null and b/i/bg.png differ
diff --git a/it/download.htm.template b/it/download.htm.template
index 149b3ff..a9b22b3 100644
--- a/it/download.htm.template
+++ b/it/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 	
 	<nav id="menu">
 		<a href="../it/index.htm" >Kolibri</a>
diff --git a/it/index.htm b/it/index.htm
index 6a6e89d..40bcdcc 100644
--- a/it/index.htm
+++ b/it/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../it/index.htm" class='a'>Kolibri</a>
diff --git a/it/screen.htm b/it/screen.htm
index e107254..808efd6 100644
--- a/it/screen.htm
+++ b/it/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 	
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../it/index.htm" >Kolibri</a>
diff --git a/nl/download.htm.template b/nl/download.htm.template
index 6b8acbe..f76674c 100644
--- a/nl/download.htm.template
+++ b/nl/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm' class='sel'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 	
 	<nav id="menu">
 		<a href="../nl/index.htm">Kolibri</a>
diff --git a/nl/index.htm b/nl/index.htm
index 54a5799..e2d42e6 100644
--- a/nl/index.htm
+++ b/nl/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -21,7 +21,7 @@
 			<li><a href='../it/index.htm'><img src='../i/fl/it.png' alt='it'/>Italiano</a></li>
 			<li><a href='../nl/index.htm' class='sel'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>		</ul>
-	</nav>
+	</div>
 
 	<nav id="menu">
 		<a href="../nl/index.htm" class='a'>Kolibri</a>
diff --git a/nl/screen.htm b/nl/screen.htm
index e35a6c4..2f0d12f 100644
--- a/nl/screen.htm
+++ b/nl/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -21,7 +21,7 @@
 			<li><a href='../it/screen.htm'><img src='../i/fl/it.png' alt='it'/>Italiano</a></li>
 			<li><a href='../nl/screen.htm' class='sel'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>		</ul>
-	</nav>
+	</div>
 	
 	<nav id="menu">
 		<a href="../nl/index.htm">Kolibri</a>
diff --git a/ru/download.htm.template b/ru/download.htm.template
index a88b845..b69fdf4 100644
--- a/ru/download.htm.template
+++ b/ru/download.htm.template
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/download.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/download.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/download.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/download.htm' class='sel'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 	
   <nav id="menu">
 	<a href="../ru/index.htm">Колибри</a>
diff --git a/ru/index.htm b/ru/index.htm
index bf275dc..002db1f 100644
--- a/ru/index.htm
+++ b/ru/index.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/index.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/index.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/index.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/index.htm' class='sel'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 
   <nav id="menu">
     <a href="../ru/index.htm" class='a'>Колибри</a>
diff --git a/ru/screen.htm b/ru/screen.htm
index 5a35c53..6b56a60 100644
--- a/ru/screen.htm
+++ b/ru/screen.htm
@@ -12,7 +12,7 @@
 </head>
 <body onkeydown='checkkey(event)'>
 
-	<nav id="lang-dropdown">
+	<div id="lang-dropdown">
 		<ul>
 			<li><a href='../en/screen.htm'><img src='../i/fl/en.png' alt='en'/>English</a></li>
 			<li><a href='../de/screen.htm'><img src='../i/fl/de.png' alt='de'/>Deutsch</a></li>
@@ -22,7 +22,7 @@
 			<li><a href='../nl/screen.htm'><img src='../i/fl/nl.png' alt='nl'/>Nederlands</a></li>
 			<li><a href='../ru/screen.htm' class='sel'><img src='../i/fl/ru.png' alt='ru'/>Русский</a></li>
 		</ul>
-	</nav>
+	</div>
 	
   <nav id="menu">
     <a href="../ru/index.htm">Колибри</a>
diff --git a/style.css b/style.css
index 00aa53f..c0d54ca 100644
--- a/style.css
+++ b/style.css
@@ -1,443 +1,459 @@
-@import "reset.css";
-
-html {
-	overflow-y: scroll;
-}
-
-body {
-	color: #333;
-	background: #F4F5F5;
-	line-height: 2em;
-	font-size: 12pt;
-	font-family: "Source Sans Pro", "Open Sans", sans-serif;
-}
-
-#menu {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	text-align: center;
-	padding: 7px 0;
-	background: #222325;
-	background: rgba(0,0,0, .7);
-	background-image: linear-gradient(90deg,#222325,#3b3c3f,#222325);
-    background-image: linear-gradient(90deg,rgb(33 35 38 / 80%),rgb(59 60 63 / 50%),rgb(34 35 37 / 80%));
-    backdrop-filter: saturate(180%) blur(6px);
-	z-index:9000;
-	cursor: default;
-	text-shadow: 1px 1px #000;
-}
-
-#menu > * {
-	color: #a7a7a7;;
-	text-decoration: none;
-	margin: 0 1%;
-	font-size: 1rem;
-	cursor: pointer;
-	transition: color 0.15s ease;
-}
-
-#menu a:hover, #menu a.a { 
-	color: white;
-}
-
-#article, #banner {
-	border-radius: 8px;
-	box-shadow: rgb(27 20 65 / 10%) 0px 10px 20px 0px;
-	border: none;
-	/*
-	box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
-	border: 1px solid rgba(0,0,0,.14);
-	*/
-}
-
-#article {
-	max-width: 910px;
-	margin: auto;
-	margin-top: 78px;
-	text-align: justify;
-	padding: 15px 35px;
-	background: #fff;
-}
-
-#banner {
-	display: block;
-	margin: auto;
-	margin-top: 18px;
-	margin-bottom: -10px;
-	padding: 5px;
-	max-width: 100%;
-	max-height: 100%;
-	width: 900px;
-	transition: border 0.5s ease;
-	border: 1px solid rgba(0,0,0,.14);
-	box-shadow: none;
-}
-
-#banner:hover {
-	border: 1px solid rgba(0,0,0,.34);
-}
-
-#banner.big {
-	height: 250px;
-}
-
-
-#article.index_russian > p {
-	text-indent: 25px;
-}
-
-strong {
-	color: #000;
-	font-weight: bold;
-}
-
-h1 {
-	color: #000;
-	padding: 10px 25px;
-	font-size: 130%;
-}
-
-#footer {
-	padding: 1.2%;
-	font-size: 90%;
-	text-align: center;
-	color: #848585;
-	text-shadow: 1px 1px 0 #fff;
-}
-
-a {
-	color: #1F1F1F;
-	text-decoration: underline;
-}
-
-a:hover {
-	text-decoration: none;
-}
-
-/* Dropdown */
-
-#lang-dropdown {
-	position: fixed;
-	z-index:9100;
-	display: none;
-	opacity: 0;
-	filter:alpha(opacity=0);
-}
-
-#lang-dropdown::before {
-	content: '';
-	display: block;
-	position: absolute;
-	border: 11px solid #333C;
-	border-left: 10px solid rgba(255, 255, 255, 0);
-	border-right: 10px solid rgba(255, 255, 255, 0);
-	border-top: 0px solid rgba(255, 255, 255, 0);
-	top: -10px;
-	left: 50%;
-	margin-left: -10px;
-}
-
-#lang-dropdown > ul {
-	display: block;
-	border-radius: 5px;
-	border: 1px solid #333;
-	box-shadow: 0 0 5px #000;
-	box-shadow: 0 0 10px rgba(0,0,0,0.4);
-	overflow: hidden;
-	background: #333E;
-    backdrop-filter: saturate(180%) blur(6px);
-}
-
-#lang-dropdown > ul > li a {
-	display: block;
-	padding: 0 50px 0 20px;
-	font-size: 0.8em;
-	line-height: 3;
-	border-top: 1px solid rgba(255, 255, 255, 0.06);
-	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-	text-decoration: none;
-	color: #fff !important;
-	text-shadow: 1px 1px #000;
-}
-
-#lang-dropdown > ul > li a:hover {
-	border-bottom: 1px solid rgba(0, 0, 0, 0.32);
-	background: #444;
-    background: linear-gradient(89.98deg, #c20d2c7d .39%, #3928c78a 99.99%);
-}
-
-#lang-dropdown > ul > li a.sel {
-	color: #888 !important;
-}
-
-#lang-dropdown > ul > li a > img {
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 10px;
-	margin-top: -3px;
-	width:16px;
-	height:11px;
-}
-
-#lang-dropdown > ul > li:first-child a {
-	border-top: none;
-}
-
-#lang-dropdown > ul > li:last-child a {
-	border-bottom: none;
-}
-
-/*  DOWNLOAD.CSS  */
-
-table {
-	width:  95%;
-	margin: auto;
-}
-
-.download table {
-	margin-top: 24px;
-	margin-bottom: 30px;
-}
-
-.download table [colspan="3"] {
-    padding-top: 30px;
-}
-
-.download table [colspan="3"] a {
-	padding-bottom: 1px; 
-	border-bottom: 1px dashed #ccc;
-	margin-left: 10px;
-	text-align: right;
-	float: right;
-	line-height: 1.2;
-	padding-top: 5px;
-}
-
-td {
-	vertical-align: middle;
-	padding: 10px 0;
-	text-align: right;
-}
-
-.date_cell {
-	padding-left: 10px;
-	padding-right: 15px;
-	text-align: center;
-}
-
-.download table tr > :first-child {
-	width: 32px;
-}
-
-.download td img {
-	vertical-align: middle;
-}
-
-.download .description_cell {
-	padding: 14px 18px;
-	padding-left: 18px;
-	padding-right: auto;
-	line-height: 1.2em;
-	text-align: left;
-	margin: 3px 0;
-	width: 46%;
-}
-
-.download table a {
-	margin: 0 6px;
-	padding-bottom: 1px;
-	border-bottom: 1px solid;
-	text-decoration: none;
-	color: rgb(4, 114, 216);
-	position: relative;
-	top: -1px;
-}
-
-.download p {
-	line-height:1.4;
-	margin: 20px 0;
-}
-
-/*  SCREENS.CSS  */
-
-#screen {
-	/*
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	*/
-}
-
-#show {
-	max-width: 1280px;
-	max-height: 800px;
-	width: 100%;
-	height: 100%;
-	cursor: pointer;
-	border: 1px solid #182028;
-	display: block;
-	position: relative;
-	top: 78px;
-	left: 50%;
-	margin-left: -640px;
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-#show img {
-	display: none;
-	max-width: 100%;
-}
-
-#show img.visible {
-	display: block;
-}
-
-#carousel {
-	position: fixed;
-    bottom: 10px;
-    right: 10px;
-    width: 350px;
-    border-radius: 5px;
-    text-align: center;
-    background: #333333;
-    background: #333333DD;
-    backdrop-filter: blur(2px);
-    z-index: 10;
-    color: #fff;
-    text-shadow: 1px 1px 0 #111111;
-    pointer-events: none;
-}
-
-iframe {
-	max-width: 100%;
-}
-
-
-/*   Adaptive coding   */
-
-@media (max-width:1280px) {
-	#menu {
-		position: static;
-}
-	#show {
-		margin-left: 0;
-		border-radius: 0;
-		left: 0;
-		top: 0;
-		border: none;
-}
-	#carousel {
-		width: auto;
-		padding: 0 11px;
-}
-	#article {
-		margin-top: 20px;
-}
-}
-
-@media (max-width:864px) {
-	#article, #footer, #screen, #show, #menu {
-		position: static;
-}
-	html {
-		overflow-y: auto;
-}
-	#article {
-		margin-top: 0;
-		line-height: 1.45em;
-		padding: 1% 4%;
-		border-radius: 0;
-}
-	#banner {
-		max-height: 98%;
-		max-width: 98%;
-		width: auto;
-		height: auto !important;
-}
-	a.nav, #text_preview, .date_cell {
-		display: none !important;
-		visibility: collapse;
-}
-	table {
-		width: 100%;
-}
-	#menu {
-		padding: 5px 10px;
-		width: auto;
-}
-	#menu > a {
-		margin: 2%;
-}
-	#menu a.notrequired {
-		display: none !important;
-		visibility: collapse;
-}
-	#show {
-		display: inline;
-		margin: 0;
-		display: block;
-		border: none;
-		overflow: visible;
-		margin-top: 40px;
-}
-	.download table a {
-		float: left;
-		display: block;
-		margin: 5px;
-		padding-bottom: 0;
-}
-}
-
-
-.beta:after{
-  content: "BETA";
-  border: 1px solid #708d9b;
-  border-radius: 3px;
-  color: #506d7b;
-  text-align: center;
-  font-size: 7px;
-  font-family: sans-serif;
-  font-weight: bold;
-  line-height: 27px;
-  padding: 2px 3px;
-  letter-spacing: .5px;
-  position: relative;
-  top: -4px;
-  left: 5px;
-}
-
-
-.download table button.help-button {
-    font-weight: bold;
-    text-decoration: none;
-    display: inline-block;
-    float: left;
-
-    background-color: #ED8B16;
-    background-image: linear-gradient(center top , #EF962B 0%, #ED8B16 100%);
-    border: 0 none;
-    border-radius: 3px;
-    box-shadow: 0 1px 0 rgba(254, 181, 94, 0.9) inset, 0 -2px 0 rgba(0, 0, 0, 0.04) inset;
-    color: #FFFFFF;
-    font-size: 13px;
-    padding: 0.5em 1.5em;
-    text-align: center;
-    text-shadow: 0 1px 0 rgba(222, 122, 0, 0.8);
-    margin: 0 0 0 18px;
-    transition: .5s;
-}
-
-.download table button.help-button:hover {
-    background: #ff9800;
-}
-
-acronym {
-	border-bottom: 1px dashed #ccc;
-	text-decoration: none;
-    cursor: help;
+@import "reset.css";
+
+html {
+	overflow-y: scroll;
+}
+
+body {
+	color: #333;
+	line-height: 2em;
+	font-family: "Source Sans Pro", "Open Sans", sans-serif;
+	background: #e1e2e2;
+	background: url(i/bg.png) repeat fixed 0 0;
+}
+
+#menu {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	text-align: center;
+	padding: 7px 0;
+	background: #222325;
+	background: rgb(0 0 0 / 59%);
+	background-image: linear-gradient(90deg,rgb(33 35 38 / 80%),rgb(59 60 63 / 50%),rgb(34 35 37 / 80%));
+	background-image: linear-gradient(90deg,rgb(0 103 255 / 53%),rgb(255 0 182 / 45%));
+	backdrop-filter: saturate(180%) blur(6px);
+	z-index:9000;
+	cursor: default;
+	text-shadow: 2px 2px 2px #00000063;
+	border-bottom: 4px solid #caddb5ff;
+}
+
+#menu > * {
+	color: #ffffff;;
+	text-decoration: none;
+	margin: 0 1%;
+	font-size: 0.97rem;
+	cursor: pointer;
+	transition: color 0.15s ease;
+}
+
+#menu a:hover, #menu a.a { 
+	color: #ffe36a;
+}
+
+#menu img {
+	filter: drop-shadow(1px 2px 3px #0002);
+}
+
+#article, #banner {
+	border-radius: 5px;
+	box-shadow: rgb(28 26 40 / 20%) 2px 6px 20px -2px;
+	border: 1px solid #dbd7dd;
+	border: 1px solid #c0b9c491;
+	/*
+	box-shadow: 0 3px 8px -6px rgba(0,0,0,.1);
+	border: 1px solid rgba(0,0,0,.14);
+	*/
+;}
+
+#article {
+	max-width: 910px;
+	margin: auto;
+	margin-top: 75px;
+	text-align: justify;
+	padding: 15px 35px;
+	background: #fff;
+	background: rgba(254, 255, 255, .7);
+}
+
+#banner {
+	display: block;
+	margin: auto;
+	margin-top: 18px;
+	margin-bottom: -10px;
+	padding: 5px;
+	max-width: 100%;
+	max-height: 100%;
+	width: 900px;
+	transition: background 0.5s ease;
+	border: 1px solid rgba(0,0,0,.14);
+	box-shadow: none;
+	background: #f4e8d7;
+}
+
+#banner:hover {
+/*	border: 1px solid rgba(0,0,0,.34);*/
+	background: lightblue;
+}
+
+#banner.big {
+	height: 250px;
+}
+
+
+#article.index_russian > p {
+	text-indent: 25px;
+}
+
+strong {
+	color: #000;
+	font-weight: bold;
+}
+
+h1 {
+	color: #000;
+	padding: 10px 25px;
+	font-size: 130%;
+}
+
+#footer {
+	padding: 1.2%;
+	font-size: 90%;
+	text-align: center;
+	color: #848585;
+	text-shadow: 1px 1px 0 #fff;
+}
+
+a {
+	color: #1F1F1F;
+	text-decoration: underline;
+}
+
+a:hover {
+	text-decoration: none;
+}
+
+/* Dropdown */
+
+#lang-dropdown {
+	position: fixed;
+	z-index:9100;
+	display: none;
+	opacity: 0;
+	filter:alpha(opacity=0);
+}
+
+#lang-dropdown::before {
+	content: '';
+	display: block;
+	position: absolute;
+	border: 11px solid #333C;
+	border-left: 10px solid rgba(255, 255, 255, 0);
+	border-right: 10px solid rgba(255, 255, 255, 0);
+	border-top: 0px solid rgba(255, 255, 255, 0);
+	top: -10px;
+	left: 50%;
+	margin-left: -10px;
+}
+
+#lang-dropdown > ul {
+	display: block;
+	border-radius: 5px;
+	border: 1px solid #333;
+	box-shadow: 0 0 5px #000;
+	box-shadow: 0 0 10px rgba(0,0,0,0.4);
+	overflow: hidden;
+	background: #333;
+	background: #333E;
+    backdrop-filter: saturate(180%) blur(6px);
+}
+
+#lang-dropdown > ul > li a {
+	display: block;
+	padding: 0 50px 0 20px;
+	font-size: 0.8em;
+	line-height: 3;
+	border-top: 1px solid rgba(255, 255, 255, 0.06);
+	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+	text-decoration: none;
+	color: #fff !important;
+	text-shadow: 1px 1px #000;
+}
+
+#lang-dropdown > ul > li a:hover {
+	border-bottom: 1px solid #34312eff;
+	border-top:1px solid #4c4c4cff;
+	background: #444;
+    background: linear-gradient(328deg, #c20d2c7d, #3928c78a);
+}
+
+#lang-dropdown > ul > li a.sel {
+	color: #888 !important;
+}
+#lang-dropdown > ul > li a.sel img {
+	color: #888 !important;
+	filter: brightness(0.5);
+}
+
+#lang-dropdown > ul > li a > img {
+	display: inline-block;
+	vertical-align: middle;
+	margin-right: 10px;
+	margin-top: -3px;
+	width:16px;
+	height:11px;
+	filter: drop-shadow(1px 2px 2px #0003);
+}
+
+#lang-dropdown > ul > li:first-child a {
+	border-top: none;
+}
+
+#lang-dropdown > ul > li:last-child a {
+	border-bottom: none;
+}
+
+/*  DOWNLOAD.CSS  */
+
+table {
+	width:  95%;
+	margin: auto;
+}
+
+.download table {
+	margin-top: 24px;
+	margin-bottom: 30px;
+}
+
+.download table [colspan="3"] {
+    padding-top: 30px;
+}
+
+.download table [colspan="3"] a {
+	padding-bottom: 1px; 
+	border-bottom: 1px dashed #ccc;
+	margin-left: 10px;
+	text-align: right;
+	float: right;
+	line-height: 1.2;
+	padding-top: 5px;
+}
+
+td {
+	vertical-align: middle;
+	padding: 10px 0;
+	text-align: right;
+}
+
+.date_cell {
+	padding-left: 10px;
+	padding-right: 15px;
+	text-align: center;
+}
+
+.download table tr > :first-child {
+	width: 32px;
+}
+
+.download td img {
+	vertical-align: middle;
+}
+
+.download .description_cell {
+	padding: 14px 18px;
+	padding-left: 18px;
+	padding-right: auto;
+	line-height: 1.2em;
+	text-align: left;
+	margin: 3px 0;
+	width: 46%;
+}
+
+.download table a {
+	margin: 0 6px;
+	padding-bottom: 1px;
+	border-bottom: 1px solid;
+	text-decoration: none;
+	color: rgb(4, 114, 216);
+	position: relative;
+	top: -1px;
+}
+
+.download p {
+	line-height:1.4;
+	margin: 20px 0;
+}
+
+/*  SCREENS.CSS  */
+
+#screen {
+	/*
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	*/
+}
+
+#show {
+	max-width: 1280px;
+	max-height: 800px;
+	width: 100%;
+	height: 100%;
+	cursor: pointer;
+	border: 1px solid #182028;
+	display: block;
+	position: relative;
+	top: 78px;
+	left: 50%;
+	margin-left: -640px;
+	border-radius: 8px;
+	overflow: hidden;
+}
+
+#show img {
+	display: none;
+	max-width: 100%;
+}
+
+#show img.visible {
+	display: block;
+}
+
+#carousel {
+	position: fixed;
+    bottom: 10px;
+    right: 10px;
+    width: 350px;
+    border-radius: 5px;
+    text-align: center;
+    background: #333333;
+    background: #333333DD;
+    backdrop-filter: blur(2px);
+    z-index: 10;
+    color: #fff;
+    text-shadow: 1px 1px 0 #111111;
+    pointer-events: none;
+}
+
+iframe {
+	max-width: 100%;
+}
+
+
+/*   Adaptive coding   */
+
+@media (max-width:1280px) {
+	#menu {
+		position: static;
+}
+	#show {
+		margin-left: 0;
+		border-radius: 0;
+		left: 0;
+		top: 0;
+		border: none;
+}
+	#carousel {
+		width: auto;
+		padding: 0 11px;
+}
+	#article {
+		margin-top: 20px;
+}
+}
+
+@media (max-width:864px) {
+	#article, #footer, #screen, #show, #menu {
+		position: static;
+}
+	html {
+		overflow-y: auto;
+}
+	#article {
+		margin-top: 0;
+		line-height: 1.45em;
+		padding: 1% 4%;
+		border-radius: 0;
+}
+	#banner {
+		max-height: 98%;
+		max-width: 98%;
+		width: auto;
+		height: auto !important;
+}
+	a.nav, #text_preview, .date_cell {
+		display: none !important;
+		visibility: collapse;
+}
+	table {
+		width: 100%;
+}
+	#menu {
+		padding: 5px 10px;
+		width: auto;
+}
+	#menu > a {
+		margin: 2%;
+}
+	#menu a.notrequired {
+		display: none !important;
+		visibility: collapse;
+}
+	#show {
+		display: inline;
+		margin: 0;
+		display: block;
+		border: none;
+		overflow: visible;
+		margin-top: 40px;
+}
+	.download table a {
+		float: left;
+		display: block;
+		margin: 5px;
+		padding-bottom: 0;
+}
+}
+
+
+.beta:after{
+  content: "BETA";
+  border: 1px solid #708d9b;
+  border-radius: 3px;
+  color: #506d7b;
+  text-align: center;
+  font-size: 7px;
+  font-family: sans-serif;
+  font-weight: bold;
+  line-height: 27px;
+  padding: 2px 3px;
+  letter-spacing: .5px;
+  position: relative;
+  top: -4px;
+  left: 5px;
+}
+
+
+.download table button.help-button {
+    font-weight: bold;
+    text-decoration: none;
+    display: inline-block;
+    float: left;
+
+    background-color: #ED8B16;
+    background-image: linear-gradient(center top , #EF962B 0%, #ED8B16 100%);
+    border: 0 none;
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(254, 181, 94, 0.9) inset, 0 -2px 0 rgba(0, 0, 0, 0.04) inset;
+    color: #FFFFFF;
+    font-size: 13px;
+    padding: 0.5em 1.5em;
+    text-align: center;
+    text-shadow: 0 1px 0 rgba(222, 122, 0, 0.8);
+    margin: 0 0 0 18px;
+    transition: .5s;
+}
+
+.download table button.help-button:hover {
+    background: #ff9800;
+}
+
+acronym {
+	border-bottom: 1px dashed #ccc;
+	text-decoration: none;
+    cursor: help;
 }
\ No newline at end of file
