diff --git a/about.html b/about.html
new file mode 100644
index 0000000..8537d21
--- /dev/null
+++ b/about.html
@@ -0,0 +1,34 @@
+<html>
+    <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
+        <link href="/styles/index.css" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    </head>
+    <body>
+        <div id="navbarContainer">
+            <div id="navbar">
+                <p id="bigtext">CactusSMP</p>
+                <a>About</a>
+                <a>Play</a>
+                <a id="discord" href="https://discord.gg/2xHAsegC">Discord</a>
+                <div id="copyIp">
+                    <button id="copyButton" type="button">
+                        <i class="bi bi-clipboard-check-fill" id="copyIcon"></i>
+                    </button>
+                    <input type="text" readonly="true" value="Coming Soon!" id="ip"/>
+                </div>
+                <script src="/js/copy.js"></script>
+            </div>
+        </div>
+        <div id="aboutText">
+            <p>
+                CactusSMP is a Minecraft/Eaglercraft servr specializing in qiowjioqwe this server doesnt even exist what am i suposed to say
+            </p>
+        </div>
+        <div id="footer">
+            <p id="footerText">© CactusSMP Admins</p>
+        <div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/styles/index.css b/styles/index.css
index 48731ad..4812019 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -44,6 +44,9 @@
 body{
     margin:0;
     /* ask cactus for a nice background color (or if he just wants white) */
+    /* this ones jut some temporary shit i whipped up on a css gradient maker */
+    background: rgb(34,246,231);
+    background: linear-gradient(42deg, rgba(34,246,231,1) 0%, rgba(10,218,57,1) 46%, rgba(16,125,37,1) 100%);
 }
 p {
     color: white;
@@ -85,4 +88,14 @@ input{
 }
 #discord{
     color: #5865F2
+}
+#aboutText{
+    border-radius: 20px;
+    background-color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 70%;
+    width:90%;
+    z-index: 2;
 }
\ No newline at end of file
