diff --git a/public/index.html b/public/index.html
index 6652c7d..94a36cf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,23 +1,26 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
-      <a href="https://gitlab.com/pages/">Other Examples</a>
-    </div>
-
-    <h1>Hello World!</h1>
-
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
-  </body>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>tixte.gifts - Home</title>
+        <link href="/style.css" rel="stylesheet" />
+    </head>
+    <body>
+        <script type="3e84f4fa6f544420baae31a2-text/javascript">
+            window.previousError = '';
+            window.previousSuccess = '';
+        </script>
+        <div class="content-main">
+            <h1>tixte.gifts</h1>
+            <br />
+            <p>hi user, my name is igna</p>
+            <p>social media:</p>
+            <br />
+            <p><a href="/discord">discord</a> | <a href="https://gitlab.com/fraudulent">gitlab</a> | <a href="https://ogusers.com/pgp">ogusers</a> | <a href="https://solo.to/signed">bio</a></p>
+        </div>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="3e84f4fa6f544420baae31a2-text/javascript"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" type="3e84f4fa6f544420baae31a2-text/javascript"></script>
+        <script src="/main.js" type="3e84f4fa6f544420baae31a2-text/javascript"></script>
+        <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="3e84f4fa6f544420baae31a2-|49" defer=""></script>
+    </body>
 </html>
-
diff --git a/public/style.css b/public/style.css
index 3eae408..7657309 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,24 +1,80 @@
+* {
+	padding: 0;
+	margin: 0;
+}
+
 body {
-  font-family: sans-serif;
-  margin: auto;
-  max-width: 1280px;
+	background: black;
+	color: white;
+	font-family: monospace;
+	font-size: 13px;
 }
 
-.navbar {
-  background-color: #313236;
-  border-radius: 2px;
-  max-width: 800px;
+form {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
 }
 
-.navbar a {
-  color: #aaa;
-  display: inline-block;
-  font-size: 15px;
-  padding: 10px;
-  text-decoration: none;
+input {
+	display: block;
+	background: black;
+	color: white;
+	width: 250px;
+	padding: 5px 4px;
+	margin: 2px 0 6px 0;
+	border: 1px solid #ff5252;
+	text-align: center;
+	font-size: 13px;
+	font-family: monospace;
 }
 
-.navbar a:hover {
-  color: #ffffff;
+input::-ms-reveal,
+input::-ms-clear {
+	display: none;
 }
 
+input[type='submit'] {
+	width: 150px;
+}
+
+a {
+	color: #ff5252;
+	text-decoration: none;
+}
+
+ul {
+	list-style: none;
+}
+
+.content-main {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+	min-height: 100vh;
+}
+
+#toast-container {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+}
+
+.toast {
+	width: 300px;
+	background-color: #000 !important;
+	padding: 8px;
+	font-size: 16px;
+}
+
+.toast-error {
+	border: 1px solid #ff5252;
+}
+
+.toast-success {
+	border: 1px solid #5be941;
+}
