diff --git a/about.html b/about.html
new file mode 100644
index 0000000..96ef7db
--- /dev/null
+++ b/about.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="src/css/style.css">
+    <title>fqbn207 | 0xcc01</title>
+</head>
+<body>
+    <div class="main">
+        <nav>
+            <a href="https://git.0xcc01.de/fqbn207/music">MSC</a> 
+            <a href="https://git.0xcc01.de/fqbn207">GIT</a>
+            <a href="https://github.com/fqbn207">GITHUB</a>
+            <a href="https://discord.com/users/fqbn207">DC</a>
+            <a href="./about.html">ABT</a>
+            <a href="./index.html">HOME</a>
+        </nav><br>
+        <img src="./src/media/nascii.png" alt="">
+        <div class="text">
+            <p>
+                My  name  is<a href="./about.html">[ fqbn207 ]</a><br><br>
+            </p><br>
+        </div>
+        <center>
+            <h3>ABOUT MYSELF:</h3>
+            <p>im 17, male, autistic<br> and based in Germany</p> <br>
+            
+            <h3>HOBBYS:</h3>
+            <p>i like <br>Consoles/satellites</p><br>
+
+            <h3>knowledge</h3>
+            <h4>SYSTEM:</h4>
+            <p> Linux/NixOS/BSD</p><br>
+            <h4>LANGUAGES:</h4>
+            <p>C/PYTHON/BASH/NIX</p><br>
+        </center>
+    </div>
+    <footer>fqbn207 - &copy; 2025</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9e70c58..0dab2d3 100644
--- a/index.html
+++ b/index.html
@@ -9,35 +9,23 @@
 <body>
     <div class="main">
         <nav>
-            <a href="https://git.0xcc01.de/fqbn207">MSC</a> 
+            <a href="https://git.0xcc01.de/fqbn207/music">MSC</a> 
             <a href="https://git.0xcc01.de/fqbn207">GIT</a>
-            <a href="https://github.com/fqbn207">GH</a>
+            <a href="https://github.com/fqbn207">GITHUB</a>
             <a href="https://discord.com/users/fqbn207">DC</a>
-            <a href="./sstv">SSTV</a>
+            <a href="./about.html">ABT</a>
         </nav>
         <div class="inner-box">
             <img src="./src/media/avatar.png" alt="Profile Picture">
         </div>
-        <center>
-            <br>
-            <p> 
-                Hello &#128075; <br>
-                My name is fqbn207 <br>
-                my hobbys are playing <br>
-                with satellites,<br> 
-                UNIX/Linux and <br>
-                Homebrew dev
-            </p>
-            <br>
-            <h4>knowledge</h4>
+        <div class="text">
             <p>
-                Linux/BSD/NixOS <br>
-                Sat Comm <br>
-                LANGS: <br>
-                C/Python/bash <br>
-            </p> <br>
-        </center>
+                My  name  is<a href="./about.html">[ fqbn207 ]</a><br><br>
+            </p>
+             
+        </div>
+        <img src="./src/media/ascii.png" alt="ASCII Art">
     </div>
     <footer>fqbn207 - &copy; 2025</footer>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/css/style.css b/src/css/style.css
index 1dc2ddc..de989c3 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -8,6 +8,7 @@
 html, body {
     font-family: Silkscreen;
     background-color: black;
+    font-size: 16px;
     color: white;
     height: 100%;
     width: 100%;
@@ -26,8 +27,8 @@ html, body {
 }
 
 .main {
-    width: 55%;
-    height:70%;
+    width: 50%;
+    height: auto;
     border: 2px solid #ffffff;
     display: flex;
     flex-direction: column;
@@ -43,7 +44,7 @@ html, body {
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100%;
+    height: auto;
     width: 100%;
     text-align: center;
     margin-top: 5px;
@@ -55,8 +56,6 @@ html, body {
     height: 200px;
     border-radius: 5px;
     overflow: hidden;
-    padding: 20px;
-    margin-top: 3%; 
 }
 
 .inner-box img {
@@ -78,8 +77,56 @@ footer {
 a {
     color: white;
     text-decoration: none;
+    margin: 0 15px;
 }
 
 a:visited {
     color: white;
+}
+
+@media screen and (max-width: 768px) {
+    html, body {
+        font-size: 14px;
+    }
+
+    .main {
+        width: 90%;
+    }
+
+    .inner-box {
+        width: 150px;
+        height: 150px;
+    }
+
+    footer {
+        font-size: 14px;
+    }
+
+    .text p {
+        font-size: 13px;
+    }
+
+    .text h4 {
+        font-size: 16px;
+    }
+}
+
+@media screen and (max-width: 480px) {
+    html, body {
+        font-size: 12px;
+    }
+
+    .main {
+        width: 100%;
+        padding: 5px;
+    }
+
+    .inner-box {
+        width: 120px;
+        height: 120px;
+    }
+
+    footer {
+        font-size: 12px;
+    }
 }
\ No newline at end of file
diff --git a/src/media/ascii.png b/src/media/ascii.png
new file mode 100644
index 0000000..e0ec8c2
Binary files /dev/null and b/src/media/ascii.png differ
diff --git a/src/media/idk.gif b/src/media/idk.gif
new file mode 100644
index 0000000..9217792
Binary files /dev/null and b/src/media/idk.gif differ
diff --git a/src/media/nascii.png b/src/media/nascii.png
new file mode 100644
index 0000000..09b965e
Binary files /dev/null and b/src/media/nascii.png differ
