diff --git a/index/socials/matrix/index.html b/index/socials/matrix/index.html
index 56e390e..b42cf81 100644
--- a/index/socials/matrix/index.html
+++ b/index/socials/matrix/index.html
@@ -2,49 +2,78 @@
 <html lang="en-US">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Matrix Homeserver</title>
-    <link rel="stylesheet" href="/style/style.css" />
-    <link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico">
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Matrix Homeserver</title>
+  <link rel="stylesheet" href="/style/style.css" />
+  <link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico">
+  <style>
+    :target {
+      animation: highlight 1s ease;
+      transform: translateX(20px);
+    }
 
+    @keyframes highlight {
+      0% {
+        border-left-color: yellow;
+      }
+
+      100% {
+        border-left-color: white;
+      }
+    }
+
+    section {
+      border-left: 40px solid white;
+      padding: 10px;
+      transition: all 0.5s ease;
+      padding-right: 50px;
+      margin-left: -20px;
+    }
+  </style>
 </head>
 
 <body>
-    <header class="page-header" role="banner">
-        <h1 class="project-name">Matrix</h1>
-        <h2 class="project-tagline">An open network for secure, decentralized communication</h2>
+  <header class="page-header" role="banner">
+    <h1 class="project-name">Matrix</h1>
+    <h2 class="project-tagline">An open network for secure, decentralized communication</h2>
 
-        <a href="/" class="btn">Home</a>
-        <a href="../" class="btn">Socials</a>
-    </header>
+    <a href="/" class="btn">Home</a>
+    <a href="../" class="btn">Socials</a>
+  </header>
 
-    <main id="content" class="main-content" role="main">
-        <h2> <a href="https://matrix.org/docs/guides/introduction">What is Matrix?</a>
-        </h2>
-        <a href="https://matrix.org/">Matrix</a> is a decentralized communication method. Due to its decentralized
-        nature its best to create accounts on
-        homeserver that aren't the <a href="https://matrix.org">official one</a>. I created my own instance of the <a
-            href="https://matrix.org/docs/projects/server/synapse">Matrix Synapse</a> server software using <a
-            href="https://github.com/spantaleev/matrix-docker-ansible-deploy">docker and ansible</a>. If you would like
-        to create an account on a different server, you can check out some <a href="#homeservers">here</a>. I
-        recommend using the <a href="https://element.io/get-started">Element</a> client, although <a
-            href="https://matrix.org/clients/">others</a> can still be used too.
-        <br>
-        <p>You can create an account on my homeserver using this link: <a
-                href="https://matrix.arrayinamatrix.xyz">https://matrix.arrayinamatrix.xyz</a></p>
-        <p>My username: <code>@array_in_a_matrix:arrayinamatrix.xyz</code></p>
-        <p>For server updates please, join the room: <code>#homeserver:arrayinamatrix.xyz</code></p>
-        <h4 id="homeservers">List of Public homeservers:</h4>
+  <main id="content" class="main-content" role="main">
+    <h2> <a href="https://matrix.org/docs/guides/introduction">What is Matrix?</a>
+    </h2>
+    <a href="https://matrix.org/">Matrix</a> is a decentralized communication method. Due to its decentralized
+    nature its best to create accounts on
+    homeserver that aren't the <a href="https://matrix.org">official one</a>. I created my own instance of the <a
+      href="https://matrix.org/docs/projects/server/synapse">Matrix Synapse</a> server software using <a
+      href="https://github.com/spantaleev/matrix-docker-ansible-deploy">docker and ansible</a>. If you would like
+    to create an account on a different server, you can check out some <a href="#homeservers">here</a> . I
+    recommend using the <a href="https://element.io/get-started">Element</a> client, although <a
+      href="https://matrix.org/clients/">others</a> can still be used too.
+    <br>
+    <p>You can create an account on my homeserver using this link: <a
+        href="https://matrix.arrayinamatrix.xyz">https://matrix.arrayinamatrix.xyz</a></p>
+    <p>My username: <code>@array_in_a_matrix:arrayinamatrix.xyz</code></p>
+    <p>For server updates please, join the room: <code>#homeserver:arrayinamatrix.xyz</code></p>    
+    <section id="homeservers">
+        <h4>List of Public homeservers:</h4>
         <ul>
-            <li><a href="https://www.hello-matrix.net/public_servers.php">hello-matrix.net</a></li>
-            <li><a href="https://joinmatrix.org/servers/">joinmatrix.org</a></li>
+          <li><a href="https://www.hello-matrix.net/public_servers.php">hello-matrix.net</a></li>
+          <li><a href="https://joinmatrix.org/servers/">joinmatrix.org</a></li>
+          <li><a href="https://tatsumoto-ren.github.io/blog/list-of-matrix-servers.html">tatsumoto-ren.github.io</a></li>
+          <li><a href="https://matrix.grin.hu/stat/s_av2_1_day.html">matrix.grin.hu</a></li>
+          <li><a href="https://github.com/ara4n/matrixservers">ara4n</a></li>
+          <li><a href="https://the-federation.info/protocol/matrix">the-federation.info</a></li>
         </ul>
-        <footer class="site-footer">
-            You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
-        </footer>
-    </main>
+    </section>​
+    <footer class="site-footer">
+      You have reached the end of the page. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
+    </footer>
+  </main>
 </body>
 
 </html>
\ No newline at end of file
