small fixes

css/base.css

@@ -24,10 +24,14 @@
 	height: 90%;
 	color: #bbb;
 	padding: 2% 2% 2% 2%;
-	margin: 1% 1% 1% 1%;
+	margin: 3% 3% 3% 3%;
 	text-align: justify;
 }
 
+.imgblock img {
+        padding: 2% 2% 2% 2%;
+        margin: 3% 3% 3% 3%;
+}	
 
 body {
 	font: 110%/180% exo2;

css/btn.css

@@ -4,7 +4,7 @@
 	background-color:#77b55a;
 	border-radius:4px;
 	border:1px solid #4b8f29;
-	display:inline-block;
+	display:flex;
 	cursor:pointer;
 	color:#ffffff;
 	font-size:13px;
@@ -28,7 +28,7 @@
 	background-color:#2dabf9;
 	border-radius:3px;
 	border:1px solid #0b0e07;
-	display:inline-block;
+	display:flex;
 	cursor:pointer;
 	color:#ffffff;
 	font-size:15px;

css/menu.css

@@ -1,4 +1,3 @@
-
 .topnav {
   overflow: hidden;
   background-color: #333;
@@ -6,11 +5,12 @@
 
 .topnav a {
   float: left;
-  display: block;
+  display: flex;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
+  border-radius: 2px;
 }
 
 
@@ -19,8 +19,8 @@
 }
 
 .dropdown {
-  float: left;
   overflow: hidden;
+  display: flex;
 }
 
 .dropdown .dropbtn {
@@ -30,9 +30,9 @@
   outline: none;
   color: #bbb;
   background-color: #335;
-  padding: 14px 16px;
+  padding: 16px 16px;
   font-family: inherit;
-  margin: 0;
+  display: flex;
 }
 
 .dropdown-content {
@@ -51,13 +51,13 @@
   float: none;
   padding: 12px 16px;
   text-decoration: none;
-  display: block;
+  display: flex;
   text-align: left;
 }
 
 
 .dropdown:hover .dropdown-content {
-  display: block;
+  display: flex;
 }
 
 @media screen and (max-width: 600px) {
@@ -66,7 +66,7 @@
   }
   .topnav a.icon {
     float: right;
-    display: block;
+    display: flex;
   }
 }
 
@@ -79,14 +79,20 @@
   }
   .topnav.responsive a {
     float: none;
-    display: block;
+    display: flex;
     text-align: left;
   }
   .topnav.responsive .dropdown {float: none;}
   .topnav.responsive .dropdown-content {position: relative;}
   .topnav.responsive .dropdown .dropbtn {
-    display: block;
+    display: flex;
     width: 100%;
     text-align: left;
   }
 }
+
+.active a {
+	color: #433;
+}
+
+

im.html

@@ -36,13 +36,14 @@
 			<h2>Децентрализованные мессенджеры</h2>
 			<p>Способы быстро списаться и созвониться с нужным человеком</p>
 			<div class="imgblock">
-				<img src="images/chatsecure_messenger.png" width=30% style="float:left; margin:1%;" 
+				<img src="images/chatsecure_messenger.png" width=40% style="float:left; margin:3%;" 
 							onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
-				<img src="images/movim.png" width=30% style="float:left; margin:1%;" 
+				<img src="images/movim.png" width=40% style="float:left; margin:3%;" 
 							onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
-				<img src="images/conversations.jpg" width=30% style="float:left; margin:1%;" 
+				<img src="images/conversations.jpg" width=40% style="float:left; margin:3%;" 
 							onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
-				<h3>XMPP (он же Jabber) - на замену WhatsApp/Telegram</h3>
+				<p>
+				<h3>XMPP (он же Jabber) - на замену WhatsApp и Telegram</h3>
 				<span>
                                             Широко используемый свободный и открытый стандарт интернет-сообщений.
                                             Весьма прост в использовании — устанавливаем приложение, регистрируем аккаунт, общаемся.
@@ -52,6 +53,7 @@
                                             все пользователи доступны для вас. Если выбор среди тысяч чатов и десятков
                                             приложений для вас сложен — используйте указанный ниже Quicksy - он тоже часть этой сети.
                                         </p>
+				</p>
 					<div class="textblock">
 					<h4>Где зарегистрироваться</h4>
 					   
@@ -112,7 +114,10 @@
                                                   <a class="Button2" href="https://jami.net/download-jami-linux/"><IMG src="images/linux.png" width="24" height="24">Jami (Linux)</a>
 						  <a class="Button2" href="https://jami.net/download-jami-windows/"><IMG src="images/windows.png" width="24" height="24">Jami (Windows)</a>
                                                   <a class="Button2" href="https://jami.net/download-jami-macos/"><IMG src="images/apple.png" width="24" height="24">Jami (MacOS)</a>                                              
-						  <h4>Мобильные приложения</h4>
+					</div>
+					<div class="textblock">
+
+					<h4>Мобильные приложения</h4>
                                                  <a class="Button2" href="https://play.google.com/store/apps/details?id=org.jitsi.meet"><img src="images/google.png" width="24" height="24"> Jitsi (Google Play)</a>
                                                   <a class="Button2" href="https://f-droid.org/en/packages/org.jitsi.meet"><img src="images/fdroid.png" width="24" height="24"> Jitsi (F-Droid)</a>
                                                   <a class="Button2" href="https://f-droid.org/en/packages/cx.ring"><IMG src="images/fdroid.png" width="24" height="24">Jami (F-Droid)</a>
@@ -120,11 +125,12 @@
 
                                                    <a class="Button2" href="https://itunes.apple.com/us/app/jitsi-meet/id1165103905"><IMG src="images/apple.png" width="24" height="24">Jitsi (iOS)</a>
                                                    <a class="Button2" href="https://itunes.apple.com/app/ring-a-gnu-package/id1306951055"><IMG src="images/apple.png" width="24" height="24">Jami (iOS)</a>
-
+					</div>
-                                               <h4>Web</h4>
+					<div class="textblock">
+						<h4>Web</h4>
                                                     <a  class="Button" href="https://meet.jit.si/">meet.jit.si</a>
 
-
+					</div>
                                                  
 					</div>
 			</div>

index.html

@@ -35,7 +35,7 @@
 			<h2>Где я? О чём речь?</h2>
 			<p>
 			<img src="images/fedi-small.png" align="right" style="margin: 0px 0px 0px 10px;">
-			Вы на официальной странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные 
+			Вы на странице русского ответвления Fediverse — глобальной сети взаимосвязанных соцсетей. Мы предлагаем свободные 
 			альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями с целью извлечения прибыли.
 			<br>
 			По сути, это —  <b>Сеть, как она была задумана.</b><br>

mail.html

@@ -103,6 +103,8 @@
 				     <div class="textblock">
                                         <h4>Где зарегистрироваться</h4>
                                         <a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a>
+				     </div>
+				     <div class="textblock">
                                         <h4>Мобильные приложения</h4>
 					<a class="Button2" href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail"><IMG src="images/google.png" width="24" height="24">Thexyz</a>
 					<a class="Button2"  href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a>