Open animation for lang menu and emojis

config.toml

@@ -148,8 +148,8 @@ links = [
 ]
 # List of languages that the website is translated to (comment if there's no additional languages)
 langs = [
-  { code = "en", name = "English" },
-  { code = "ru", name = "Русский" },
+  { code = "en", name = "🇬🇧 English" },
+  { code = "ru", name = "🇷🇺 Русский" },
 ]
 
 [extra.footer]

sass/_nav.scss

@@ -183,8 +183,20 @@
 					}
 				}
 
+				&[open] ul {
+					animation: open var(--transition);
+
+					@keyframes open {
+						from {
+							transform: translate(-50%, 0);
+							opacity: 0;
+						}
+					}
+				}
+
 				ul {
 					-webkit-backdrop-filter: var(--blur);
+					text-wrap: nowrap;
 					position: absolute;
 					left: 50%;
 					transform: translate(-50%, 1rem);
@@ -194,7 +206,6 @@
 					border-radius: calc(var(--rounded-corner) + 0.25rem);
 					background-color: var(--nav-bg);
 					padding: 0.25rem;
-					text-align: center;
 
 					li {
 						width: 100%;