diff --git a/MPLUSCodeLatin-Regular.ttf b/MPLUSCodeLatin-Regular.ttf
new file mode 100644
index 0000000..9799fdb
Binary files /dev/null and b/MPLUSCodeLatin-Regular.ttf differ
diff --git a/WebPlus_IBM_BIOS.woff b/WebPlus_IBM_BIOS.woff
new file mode 100644
index 0000000..a519221
Binary files /dev/null and b/WebPlus_IBM_BIOS.woff differ
diff --git a/index.html b/index.html
index 3e11331..82de814 100644
--- a/index.html
+++ b/index.html
@@ -2,16 +2,27 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>0x76.dev</title>
+    <title>Vivian (0x76)</title>
     <link rel="stylesheet" href="style.css">
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💜</text></svg>">
   </head>
   <body>
     <main>
       <header>
         <h1></h1>
-        <p>hi i'm Vivian and welcome to my website</p>
+        <p>Hi i'm Vivian (she/her) and welcome to my website!</p>
+        <p>I'm into all things tech, but also TTRPGs, board games, books and philosophy.</p>
       </header>
-
+      <section class="socials">
+        <ul>
+          <h2>Links</h2>
+          <li><a href="mailto:vivian@0x76.dev">E-Mail</a></li>
+          <li><a rel="me" href="https://fedi.xirion.net/@0x76">Fedi</a></li>
+          <li><a href="https://git.0x76.dev">Self Hosted Git</a>
+          <li><a href="https://github.com/NULLx76/">Github</a></li>
+        </ul>
+      </section>
     </main>
   </body>
 </html>
+
diff --git a/style.css b/style.css
index 19bbef2..65686b2 100644
--- a/style.css
+++ b/style.css
@@ -7,23 +7,46 @@
   src: url(./MajorMonoDisplay-Regular.ttf);
 }
 
+@font-face {
+  font-family: "MPLUS Code";
+  src: url(./MPLUSCodeLatin-Regular.ttf);
+}
+
 html, body {
   height: 100%;
 }
 
+ul {
+  padding: 0;
+}
+
+li {
+  padding-top: 0.4em;
+}
+
 body {
   margin: 0;
-  font-family: "Major Mono Display", monospace;
+  font-family: "MPLUS Code", monospace;
   font-weight: 400;
   font-style: normal;
-  color: white;
+  color: whitesmoke;
   background-color: black;
+  text-align: center;
+}
+
+h1, h2, h3 {
+  color: var(--violet);
+  font-family: "Major Mono Display", monospace;
 }
 
 h1 {
   font-size: 8rem;
 }
 
+a:link, a:visited {
+  color: inherit;
+}
+
 main {
   height: 100%;
   padding: 0;
@@ -36,7 +59,15 @@ main {
 header {
   /* grid-row: 1; */
   grid-column: 2;
-  text-align: center;
+}
+
+section.socials {
+  grid-column: 2;
+  grid-row: 3;
+}
+
+.socials > ul {
+  list-style-type: none;
 }
 
 header > h1 {
