diff --git a/index.htm b/index.htm
new file mode 100644
index 0000000..2da3e48
--- /dev/null
+++ b/index.htm
@@ -0,0 +1,28 @@
+<!doctype html>
+<html>
+	<head>
+		<title>Adrian</title>
+		<link rel="stylesheet" type="text/css" href="styles.css">
+	</head>
+
+	<body class="vertcentered">
+		<center>
+			<h1 class="nobottommargin">adrian's webspace</h1>
+            <h3 class="italic lightcol nospace">fantasy is not a crime, find your castle in the sky</h2>
+<table height="100%" width="100%">
+ <h3 class="nospace">
+    <a href="http://blog.adrian.rf.gd/" style="text-decoration:blink">blog</a>
+    <a href="http://gallery.adrian.rf.gd/" style="text-decoration:blink">gallery</a>
+        	</h3>
+                <tr>
+                    <td align="center" valign="middle" style="padding-left: 10%; padding-right: 10%;">
+                        <p>Hello, I'm Adrian, a newbie developer, tech enthusiast, photographer and conlang creator who loves literature.
+                        </p>
+                        <p>You can find me on <a class="italic" href="https://www.github.com/adrianvic">Github</a>, <a class="italic" href="https://youtube.com/@cdnapollo">YouTube</a> or <a class="italic" href="https://reddit.com/u/Afox200">Reddit</a></p>
+                    </td>
+                </tr>
+            </table>
+            <p class="bold">Adrian Victor, <span style="text-decoration: line-through;">all</span> no rights reserved <p>
+		</center>
+	</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 0430000..0000000
--- a/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!doctype HTML>
-<head>
-  <title>adrian's</title>
-</head>
-
-<body>
-  <center>
-    <h1>adrian's place</h1>
-    <h4>welcome to my website, this will get nice as I learn HTML...</h4>
-  </center>
-</body>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..f7d27be
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,63 @@
+@font-face {
+	font-family: "segoeUI";
+	src: url("./fonts/segoeui.ttf");
+}
+
+body {
+    background-color: black;
+    color: white;
+	font-family: "segoeUI"
+}
+
+a {
+    color: gray;
+}
+
+.italic {
+    font-style: italic;
+}
+
+.bold {
+    font-style: bold;
+}
+
+.lightcol {
+    color: lightgray;
+}
+
+.nospace {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.notopmargin {
+    margin-top: 0;
+}
+
+.nobottommargin {
+    margin-bottom: 0;
+}
+
+.ad-banner {
+      width: 200px;
+      height: 200px;
+      border: 2px solid gray;
+    }
+
+.ad-banner img {
+      width: 100%;
+      height: auto;
+    }
+
+.vertcentered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+}
+
+a.inlined {
+    display: inline;
+}
\ No newline at end of file
