diff --git a/index.html b/index.html
index 5cbbe6a..4f47ec2 100644
--- a/index.html
+++ b/index.html
@@ -12,17 +12,25 @@
         <br>
         <main>
             <h1>Welcome to the xelframe page</h1>
-
-            <h2>Socials:</h2>
-                <h3>Discord: xelframe</h3>
-                <h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3>
-                <h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3>
-                <h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3>
-                <h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3>
             <br>
-            <h2>My friends:</h2>
-                <h3>HonakAC: <a href="//honakac.r2squad.ru" target="_blank">honakac.r2squad.ru</a></h3>
-                <h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
+            <div id="jccenter">
+                <div>
+                    <h2>Socials:</h2>
+                        <h3>Discord: xelframe</h3>
+                        <h3>Telegram: <a href="//t.me/xelframe" target="_blank">xelframe</a></h3>
+                        <h3>Github: <a href="//github.com/xelframe" target="_blank">xelframe</a></h3>
+                        <h3>Steam: <a href="//steamcommunity.com/id/xelframe" target="_blank">xelframe</a></h3>
+                        <h3>YouTube: <a href="//www.youtube.com/@xelframe" target="_blank">@xelframe</a></h3>
+                </div>
+                <br>
+                <div id="myfriends">
+                    <h2>My friends:</h2>
+                    <h3>HonakAC: <a href="//honakac.r2squad.ru" target="_blank">honakac.r2squad.ru</a></h3>
+                    <h3>Cat.: <a href="//patrickstar8753.github.io" target="_blank">patrickstar8753.github.io</a></h3>
+                    <h3>Tolya Gosuslugi: <a href="//tolya1337.ru" target="_blank">tolya1337.ru</a></h3>
+                    
+                </div>
+            </div>
         </main>
         <br>
         <div id="webring">
diff --git a/styles.css b/styles.css
index 2b85fad..fe79933 100644
--- a/styles.css
+++ b/styles.css
@@ -4,7 +4,7 @@ body {
     font: 14px 'JetBrains Mono', monospace;
     color: #fff;
     text-align: center;
-    background: #222222;
+    background: #111111;
     flex-direction: column;
     
 }
@@ -17,7 +17,7 @@ main,
     margin: 0 auto;
     padding: 20px;
     box-sizing: border-box;
-    border: 4px double rgb(180, 180, 180);
+    /* border: 4px double rgb(180, 180, 180); */
 }
 
 a {
@@ -35,9 +35,9 @@ a {
     justify-content: center;
     align-items: center;
     gap: 15px;
-    background-color: rgba(34, 34, 34, 0.7);
+    background-color: rgba(17, 17, 17, 0.7);
     backdrop-filter: blur(10px);
-    border: 4px double rgb(180, 180, 180);
+    /* border: 4px double rgb(180, 180, 180); */
 }
 
 body,
@@ -50,6 +50,15 @@ a,
     color: rgb(66, 131, 252);
 }
 
+#jccenter {
+    display: flex;
+    justify-content: center;
+}
+
+#myfriends {
+    margin-left: 50px;
+}
+
 /* <-----------------------> */
 
 @media (max-width: 600px) {
@@ -71,6 +80,14 @@ a,
         margin: 12px 0;
     }
 
+    #jccenter {
+        display: block;
+    }
+
+    #myfriends {
+        margin-left: 0px;
+    }
+
     #webring {
         width: calc(100% - 20px);
         margin: 10px auto 0;