diff --git a/FuturaLT-Heavy.ttf b/FuturaLT-Heavy.ttf
new file mode 100644
index 0000000..7d08b83
Binary files /dev/null and b/FuturaLT-Heavy.ttf differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7bb002e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+    <html>
+        <head>
+            <title>CiF Political DB</title>
+            <link href="style.css" rel="stylesheet"
+        </head>
+
+        <body>
+            <h1>The Political DB</h1>
+            <p>On this Site we try our best go give a netral and simple, yet comprehensive overview of the Ideologies and Goverments all around the World. </p>
+            <h2 class="disclaimer">⚠ DISCLAIMER ⚠</h2>
+            <p class="disclaimer">This Site is still heavily under construction, and in this point in time not a reliable source of Information</p>
+        </body>
+    </html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..3d1ec9a
--- /dev/null
+++ b/style.css
@@ -0,0 +1,35 @@
+@font-face {
+    font-family: "Futura";
+    src: url("./FuturaLT-Heavy.ttf") format("truetype");
+  }
+
+:root {
+    --background: #fff3f9;
+    --text: #ffa7c7;
+    --highlight: #ff5a99;
+}
+  
+  body {
+    background: var(--background);
+    color: var(--text);
+    position:absolute;
+    margin-top: 10px;
+    font-family: Futura;
+    }
+
+.disclaimer {
+        color: red;
+    }
+
+  body {
+    opacity: 0;
+    transform: translateY(100px);
+    animation: slideAndFade 0.5s ease-in-out forwards;
+   }
+ 
+   @keyframes slideAndFade {
+    to {
+     opacity: 1;
+     transform: translateY(0);
+    }
+   }
\ No newline at end of file
