diff --git a/index.css b/index.css
new file mode 100644
index 0000000..f6e8e71
--- /dev/null
+++ b/index.css
@@ -0,0 +1,24 @@
+body {
+    background: #000;
+    color: #fff;
+    text-align: center;
+    padding: 2rem;
+}
+
+ul {
+    list-style: none;
+    padding: 0;
+}
+
+li {
+    padding: 10px;
+}
+
+a {
+    color: #aaa;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
\ No newline at end of file
diff --git a/index.php b/index.php
index 55eb949..929748d 100644
--- a/index.php
+++ b/index.php
@@ -6,8 +6,22 @@
     <meta name="keywords" content="programming, mental health, social">
     <meta name="author" content="NorbiPeti">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="index.css">
 </head>
 <body>
 <h1>Hi</h1>
+<p>I'm a programmer from Hungary. My aim is to self-host all of my socials.</p>
+<h2>Socials</h2>
+<ul>
+    <li><a href="https://toot.norbipeti.eu/@norbipeti">Mastodon</a></li>
+    <li><a href="https://vid.norbipeti.eu/a/norbipeti">PeerTube</a></li>
+</ul>
+<h2>Stuff I've made</h2>
+<ul>
+    <li><a href="https://github.com/NorbiPeti/VirtualComputer">A computer in Minecraft (using VirtualBox)</a></li>
+    <li><a href="https://github.com/TBMCPlugins">User management, chat Markdown formatting and Discord integration
+            Spigot plugins for a group Chroma Gaming</a></li>
+    <li>A looot of smaller projects I might add someday</li>
+</ul>
 </body>
 </html>
\ No newline at end of file
