diff --git a/index.html b/index.html
index 9692d0d..43fce16 100644
--- a/index.html
+++ b/index.html
@@ -1,42 +1,37 @@
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Joygnu's Website シ</title>
-    <style>
-        * { box-sizing: border-box; margin: 0; padding: 0; }
-        body { font-family: 'Roboto', sans-serif; background-color: #282828; color: #fff; font-size: 22px; }
-        .container { max-width: 1050px; margin: 36px auto; padding: 19px; border-radius: 17px; font-size: 1.3em; text-align: center; }
-        h1 { color: #458588; font-size: 3.5em; }
-        ul { list-style: none; margin: 23px 0; }
-        li { margin-bottom: 19px; }
-        a { text-decoration: none; color: #fff; padding: 18px 28px; background-color: #458588; transition: background-color 0.3s; border-radius: 14px; font-size: 1.6em; display: inline-block; }
-        a:hover { background-color: #5e9ea0; }
-        @media (max-width: 600px) {
-            body { font-size: 16.2px; }
-            .container { margin: 25.2px auto; padding: 12.6px; border-radius: 12.6px; }
-            h1 { font-size: 2.7em; }
-            a { font-size: 1.26em; padding: 16.2px 23.4px; }
-        }
-        .social-icons { display: flex; justify-content: center; gap: 18px; position: fixed; bottom: 18px; right: 18px; }
-        .social-icons img { width: 48px; height: 48px; filter: invert(100%) brightness(200%); }
-        img { display: block; margin: 0 auto; width: 78%; max-width: 390px; }
-    </style>
 </head>
-<body>
-    <div class="container">
-        <img src="linux.webp" alt="Linux Logo">
-        <h1>Socials Joy</h1>
-        <ul>
-            <li><a href="https://codeberg.org/joygnu" target="_blank" rel="noopener noreferrer">Codeberg</a></li>
-            <li><a href="https://github.com/joygnu" target="_blank" rel="noopener noreferrer">Github</a></li>
-            <li><a href="https://wallpapers.joygnu.org/" target="_blank" rel="noopener noreferrer">Wallpapers</a></li>
-            <li><a href="https://steamcommunity.com/profiles/76561199238796088" target="_blank" rel="noopener noreferrer">Steam</a></li>
+<body style="font-family: 'Roboto', sans-serif; background-color: #282828; color: #fff; font-size: 22px; text-align: center;">
+    <div style="max-width: 1050px; margin: 36px auto; padding: 19px; border-radius: 17px;">
+        <img src="linux.webp" alt="Linux Logo" style="display: block; margin: 0 auto; width: 78%; max-width: 390px;">
+        <h1 style="color: #458588; font-size: 3.5em;">Socials Joy</h1>
+        <ul style="list-style: none; margin: 23px 0; padding: 0;">
+            <li style="margin-bottom: 19px;">
+                <a href="https://codeberg.org/joygnu" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: #fff; padding: 18px 28px; background-color: #458588; border-radius: 14px; font-size: 1.6em; display: inline-block;">Codeberg</a>
+            </li>
+            <li style="margin-bottom: 19px;">
+                <a href="https://github.com/joygnu" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: #fff; padding: 18px 28px; background-color: #458588; border-radius: 14px; font-size: 1.6em; display: inline-block;">Github</a>
+            </li>
+            <li style="margin-bottom: 19px;">
+                <a href="https://wallpapers.joygnu.org/" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: #fff; padding: 18px 28px; background-color: #458588; border-radius: 14px; font-size: 1.6em; display: inline-block;">Wallpapers</a>
+            </li>
+            <li style="margin-bottom: 19px;">
+                <a href="https://steamcommunity.com/profiles/76561199238796088" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: #fff; padding: 18px 28px; background-color: #458588; border-radius: 14px; font-size: 1.6em; display: inline-block;">Steam</a>
+            </li>
         </ul>
-        <div class="social-icons">
-            <a href="https://git.joygnu.org/explore" aria-label="Git Repository" target="_blank" rel="noopener noreferrer"><img src="icons/git-alt.svg" alt="Git"></a>
-            <a href="mailto:contact@joygnu.org" aria-label="Email"><img src="icons/envelope.svg" alt="Email"></a>
+        <div style="display: flex; justify-content: center; gap: 18px; position: fixed; bottom: 18px; right: 18px;">
+            <a href="https://git.joygnu.org/explore" aria-label="Git Repository" target="_blank" rel="noopener noreferrer">
+                <img src="icons/git-alt.svg" alt="Git" style="width: 48px; height: 48px; filter: invert(100%) brightness(200%);">
+            </a>
+            <a href="mailto:contact@joygnu.org" aria-label="Email">
+                <img src="icons/envelope.svg" alt="Email" style="width: 48px; height: 48px; filter: invert(100%) brightness(200%);">
+            </a>
         </div>
     </div>
 </body>
 </html>
+
