diff --git a/public/404.html b/public/404.html
index e69de29..86268d5 100644
--- a/public/404.html
+++ b/public/404.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+<title>/blankX/.hell.html</title>
+<link rel="stylesheet" type="text/css" href="/index.css">
+</head>
+<body>
+<div class='container'>
+<h1 class='transred'>/blankx/.hell.html</h1>
+<p class='red'>Welcome to hell.</p>
+<br>
+<p class='black'>I'm just trying to be scary.</p>
+</div>
+</body>
+</html>
diff --git a/public/contact.html b/public/contact.html
index 1499222..38714b7 100644
--- a/public/contact.html
+++ b/public/contact.html
@@ -1,13 +1,16 @@
 <html>
 <head>
 <title>/blankX/contact.html</title>
-<link rel="stylesheet" type="text/css" href="index.css">
+<link rel="stylesheet" type="text/css" href="/index.css">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.5/css/fork-awesome.min.css" integrity="sha256-P64qV9gULPHiZTdrS1nM59toStkgjM0dsf5mK/UwBV4=" crossorigin="anonymous">
 </head>
 <body>
+<div class='container'>
 <h1>/blankx/contact.html</h1>
 <p class='green'>Now with <a href='https://github.com/ForkAwesome/Fork-Awesome'>Fork Awesome</a></p>
 <br>
+<iframe width=100% height=10% src='/toc.html'></iframe>
+<br>
 <p>Sorted in most active order</p>
 <div class='linkz'>
 <a href='https://t.me/blank_x' class='blue'><i class='fa fa-telegram' style='color: blue;'><p></p></i></a>
@@ -21,5 +24,6 @@
 <a href='https://reddit.com/u/the_blank_x' class='red'><i class='fa fa-reddit-alien' style='color: red;'><p></p></i></a>
 <a href='https://twitter.com/the_blank_x' class='blue'><i class='fa fa-twitter' style='color: blue;'><p></p></i></a>
 </div>
+</div>
 </body>
 </html>
diff --git a/public/fonts/transformers.ttf b/public/fonts/transformers.ttf
new file mode 100644
index 0000000..326e0a1
Binary files /dev/null and b/public/fonts/transformers.ttf differ
diff --git a/public/get-keys.html b/public/get-keys.html
index ed8da0c..11b9177 100644
--- a/public/get-keys.html
+++ b/public/get-keys.html
@@ -1,12 +1,15 @@
 <html>
 <head>
 <title>/blankX/get-keys.html</title>
-<link rel="stylesheet" type="text/css" href="index.css">
+<link rel="stylesheet" type="text/css" href="/index.css">
 </head>
 <body>
+<!-- <div class='container'> -->
 <h1>/blankx/get-keys.html</h1>
 <p class='green'>I don't know what a "static site generator" is</p>
 <br>
+<iframe width=100% height=10% src='/toc.html'></iframe>
+<br>
 <h2>The keyserver way:</h2>
 <ul>
 <li>Go to a keyserver (usually they sync, right? I use hkps://hkps.pool.sks-keyservers.net)</li>
@@ -61,5 +64,6 @@
 <li>Download <a href='https://t.me/WindhoesRebel/1946'>this file</a></li>
 <li><code>gpg --import keyname</code>, like <code>gpg --import blankX.asc</code></li>
 </ul>
+<!-- </div> -->
 </body>
 </html>
diff --git a/public/index.css b/public/index.css
index 920e456..0fb691b 100644
--- a/public/index.css
+++ b/public/index.css
@@ -2,6 +2,14 @@
     font-family: 'Rounded Elegance';
     src: url('/fonts/rounded_elegance.ttf');
 }
+@font-face {
+	font-family: 'Transformers';
+	src: url('/fonts/transformers.ttf');
+}
+h1.transred {
+	font-family: 'Transformers', sans-serif;
+	color: red;
+}
 p, a, h1, h2, li {
     font-family: 'Rounded Elegance', sans-serif;
 }
@@ -15,7 +23,7 @@ body {
     background-color: black;
     text-align: center;
 }
-p.red, a.red, i.red {
+p.red, a.red, i.red, h1.red, h2.red {
     color: rgb(255, 42, 42);
 }
 div.linkz {
@@ -32,3 +40,19 @@ div.linkz {
 a.blue, i.blue {
 	color: rgb(42, 255, 42);
 }
+div.container {
+    margin-bottom: 1em;
+    width: 100%;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    padding: 20%;
+    box-sizing: border-box;
+/*    font-size: 1.2em; */
+}
+p.black {
+	color: black;
+}
diff --git a/public/index.html b/public/index.html
index 2f27015..460e7ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,13 +1,17 @@
 <html>
 <head>
 <title>/blankX</title>
-<link rel="stylesheet" type="text/css" href="index.css">
+<link rel="stylesheet" type="text/css" href="/index.css">
 </head>
 <body>
+<div class='container'>
 <h1>/blankx</h1>
-<p class='green'>Using ~ would be copying NixNet's home, how about <code>/blankx</code>?</p>
+<!-- <p class='green'>Using ~ would be copying NixNet's home, how about <code>/blankx</code>?</p> -->
+<p class='green'>Now simpler!</p>
 <br>
-<p class='red'>Disclamer/Warning/IDKnIc (I don't know nor I care): <p class='white_fix'>I'll be recreating <a href='https://gitlab.com/blankX/random-repo'>random-repo</a></p></p>
+<iframe width=100% height=10% src='/toc.html'></iframe>
+<br>
+<!-- <p class='red'>Disclamer/Warning/IDKnIc (I don't know nor I care): <p class='white_fix'>I'll be recreating <a href='https://gitlab.com/blankX/random-repo'>random-repo</a></p></p>
 <br>
 <h2>About Me</h2>
 <p>I love Linux and python3, current distro is Linux Mint.</p>
@@ -39,6 +43,9 @@
 </ul>
 <br>
 <h2>My GPG Key</h2>
-<a href='/get-keys.html'>F8CF 5E33 2CB6 0B91 76EE  4884 CC15 FC82 2C7F 61F5</a>
+<a href='/get-keys.html'>F8CF 5E33 2CB6 0B91 76EE  4884 CC15 FC82 2C7F 61F5</a> -->
+<p>I'm <code>blank.age</code> years old. I love Linux, hate Windows, I don't know what to put here :laughing:, I meant to copy <a href='https://webionite.com'>webionite.com</a>'s text but, at the time of writing, I don't have internet.</p>
+<i class='white'>[please add icons or something]</i> <!-- It's a joke -->
+</div>
 </body>
 </html>
diff --git a/public/toc.html b/public/toc.html
index 218848c..621d254 100644
--- a/public/toc.html
+++ b/public/toc.html
@@ -1,6 +1,6 @@
 <html>
 <head>
-<link rel="stylesheet" type="text/css" href="index.css">
+<link rel="stylesheet" type="text/css" href="/index.css">
 </head>
 <body>
 <p>sensible-browser /blankx/{<a href='/index.html'>index</a>,<a href='/contact.html'>contact</a>,<a href='/get-keys.html'>get-keys</a>}.html</p>
