diff --git a/assets/styles.css b/assets/styles.css
index d381033..98bdbba 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -11,11 +11,11 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    align-items: center;
+    
     font: 14px 'ConsolasBold';
     color: #fff;
-    background: url('/assets/background.jpg') center/cover no-repeat;
-    text-align: center;
+    /* background: url('/assets/background.jpg') center/cover no-repeat; */
+    background: #222222;
 }
 
 main {
@@ -23,13 +23,15 @@ main {
     flex-direction: column;
     min-height: 100vh;
     width: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(2px);
     box-sizing: border-box;
+    padding-left: 20%;
+    padding-right: 20%;
 }
 
 main > a {
-    align-self: center;
+    display: inline-block;
+    width: fit-content;
 }
 
 h2 { 
@@ -40,8 +42,10 @@ h3 {
 }
 
 .down {
-    margin-top: auto;
+    margin-top: 20px;
     width: 100%;
+    justify-content: center;
+    text-align: center;
 }
 
 a {
@@ -54,16 +58,15 @@ a:hover {
 
 .title {
     display: flex;
-    justify-content: center;
-    align-items: center;
     gap: 15px;
+    justify-content: center;
+    text-align: center;
 }
 
 .blocks {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
-  justify-content: center;
 }
 
 .block {
@@ -79,6 +82,10 @@ a:hover {
     margin: 0 auto;
 }
 
+li {
+    font-size: 1.1em;
+}
+
 label {
     display: block;
     font-size: 1.5em;
@@ -98,7 +105,6 @@ label {
     padding: 5px;
     overflow: hidden;
     display: block;
-    margin: 0 auto;
 }
 
 @media (max-width: 800px) {
diff --git a/index.html b/index.html
index fb6b5ab..ec21c35 100644
--- a/index.html
+++ b/index.html
@@ -10,45 +10,47 @@
     <link rel="stylesheet" href="assets/styles.css">
 </head>
 <body>
-    <main>
-            <h1 class="title">
+    <h1 class="title">
                 <img src="assets/avatar.jpg" width="82" alt="avatar xd"> xelframe home page
                 <br>(bhzrd_, semkapc, catmpeg)
-            </h1>
-            <h2>About me:</h2>
-                <h3>hello, my online name is xelframe.</h3>
-                <h3>i enjoy playing various games and listening to music.</h3>
-                <h3>like the aesthetics of the 2000s, for example, frituger aero and others.</h3>
-                <h3>some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.</h3>
-                <h3>=^.^=</h3>
-            <h2>Socials:</h2>
-                <div class="blocks">
-                  <div class="block">Discord: xelframe</div>
-                  <div class="block">Telegram: <a href="/telegram">xelframe</a></div>
-                  <div class="block">Github: <a href="/github">xelframe</a></div>
-                  <div class="block">Steam: <a href="/steam">xelframe</a></div>
-                  <div class="block">YouTube: <a href="/youtube">xelframe</a></div>
-                  <div class="block">Last.fm: <a href="/lastfm">xelframe</a></div>
-                </div>
-            <h2>My friends:</h2>
-                <div class="blocks">
-                  <div class="block">Cat.: <a href="https://cat8753.ru">cat8753.ru</a></div>
-                  <div class="block">ShadowCj: <a href="https://shadowcj.site">shadowcj.site</a></div>
-                  <div class="block">HonakAC: <a href="https://honakac.r2squad.ru">honakac.r2squad.ru</a></div>
-                  <div class="block">Tolya Gosuslugi: <a href="https://tolya1337.ru">tolya1337.ru</a></div>
-                  <div class="block">OctoBanon: <a href="https://octobanon.com">octobanon.com</a></div>
-                </div><br>
-                <label for="mybutton">My button:</label>
-                <textarea id="mybutton" readonly>
-&lt;a href="https://cat.fs.tlpteam.ru"&gt;&lt;img src="https://cat.fs.tlpteam.ru/xelframe88.png" alt="xelframe"&gt;&lt;/a&gt;
-                </textarea>
-                <br>
-            <a href="https://cat.fs.tlpteam.ru"><img src="xelframe88.png" alt="xelframe"></a>
+    </h1>
+    <main>
+        <hr width="100%">
+                <h2>About me:</h2>
+                <ul>
+                  <li>hello, my online name is xelframe.</li>
+                  <li>i enjoy playing various games and listening to music.</li>
+                  <li>like the aesthetics of the 2000s, for example, frituger aero and others.</li>
+                  <li>some of my favorite games are garry's mod, half-life 1 & 2, ddnet, minecraft.</li>
+                  <li>=^.^=</li>
+                </ul>
+
+                <h2>Socials:</h2>
+                <ul>
+                  <li>Discord: xelframe</li>
+                  <li>Telegram: <a href="/telegram">xelframe</a></li>
+                  <li>Github: <a href="/github">xelframe</a></li>
+                  <li>Steam: <a href="/steam">xelframe</a></li>
+                  <li>YouTube: <a href="/youtube">xelframe</a></li>
+                  <li>Last.fm: <a href="/lastfm">xelframe</a></li>
+                </ul>
+
+                <h2>My friends:</h2>
+                <ul>
+                  <li>Cat.: <a href="https://cat8753.ru">cat8753.ru</a></li>
+                  <li>ShadowCj: <a href="https://shadowcj.site">shadowcj.site</a></li>
+                  <li>HonakAC: <a href="https://honakac.r2squad.ru">honakac.r2squad.ru</a></li>
+                  <li>Tolya Gosuslugi: <a href="https://tolya1337.ru">tolya1337.ru</a></li>
+                  <li>OctoBanon: <a href="https://octobanon.com">octobanon.com</a></li>
+                </ul><br>
             <div id="last-played" style="display: none">
-                <h2>Latest played song:</h2>
-                <h3 id="song">~~~~ - ~~~~</h3>
+              <h2>Latest played song:</h2>
+              <ul>
+                <li id="song">~~~~ - ~~~~</li>
+              </ul>
             </div>
             <script src="assets/lastplayed.js" defer></script>
+            <hr width="100%">
             <br>
             <div class="down">
             <h3><a href="https://cat.fs.tlpteam.ru/git/" target="_blank">&gt;&gt; git &lt;&lt;</a></h3>
