diff --git a/static/index.html b/static/index.html
index 254bfd7..217b5fb 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,12 +13,12 @@
 </head>
 
 <body>
-    <h1>Welcome to Violet's&nbsp;Purgatory</h1>
-    <br>
-    <div id="maindiv">
+    <div class="fadediv"
+        style="display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;">
+        <!-- <h1>Welcome to Violet's&nbsp;Purgatory</h1> -->
         <div class="container-fluid row" id="card">
             <h2>Violet</h2>
-            <div class="col-sm-6">
+            <div class="col-sm-6" style="display: flex; justify-content: center; align-items: center;">
                 <img src="https://api.lanyard.rest/534132311781015564.png" class="pfp">
             </div>
             <div class="col-sm-6">
@@ -34,15 +34,14 @@
                 <p style="color: lightgray"><em>The world's worst developer</em></p>
             </div>
         </div>
-        <hr>
 
-        <p class="chip" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
+        <!-- <p class="chip" style="border-color: red;">Ko-Fi: <a href="https://ko-fi.com/bingus_violet"
                 style="color: rgb(255, 100, 100)">bingus_violet</a> - Please donate!</p>
         <br><br>
 
 
         <p>If you have any problems with the site, put up an issue on <a
-                href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p>
+                href="https://codeberg.org/Bingus_Violet/Violets-Purgatory">codeberg!</a></p> -->
     </div>
 </body>
 
diff --git a/static/p/index.html b/static/p/index.html
index 955ccae..47b45b2 100644
--- a/static/p/index.html
+++ b/static/p/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,45 +9,51 @@
 
     <link rel="stylesheet" href="/style.css">
 </head>
+
 <body>
 
-    <!-- Yet again I would like to apologize for the absolutely atrocious code !! -->
 
-    <br>
-    <p class="chip"><a href="/">Home</a></p>
-    <h1>Preferences</h1>
-    <p class="chip love">Love</p>
-    <p class="chip like">Like</p>
-    <p class="chip silly">Fine if used Silly/Jokingly</p>
-    <p class="chip fine">Neutral</p>
-    <p class="chip hate">Hate</p>
-    <hr>
+        <!-- Yet again I would like to apologize for the absolutely atrocious code !! -->
 
-    <h1>Names</h1>
-    <p class="chip love">Violet, Vivi, Vi, V</p>
-    <p class="chip like">Purple</p>
-    <p class="chip silly">Purple guy</p>
-    <hr>
+        <br>
+        <p class="chip"><a href="/">Home</a></p>
+        <h1>Preferences</h1>
+        <div class="fadediv">
+        <p class="chip love">Love</p>
+        <p class="chip like">Like</p>
+        <p class="chip silly">Fine if used Silly/Jokingly</p>
+        <p class="chip fine">Neutral</p>
+        <p class="chip hate">Hate</p>
+        <hr>
 
-    <h1>Pronouns</h1>
-    <p class="chip love">They/Them</p>
-    <p class="chip like">She/Her</p>
-    <p class="chip fine">Other</p>
-    <p class="chip hate">He/Him</p>
-    <hr>
-    
-    <h1>Words</h1>
-    <h2>Honorifics</h2>
-    <p class="chip like">Mrs/Ms, Miss, Ma'am</p>
-    <p class="chip silly">Sir, Mr</p>
-    <p class="chip fine">Mx</p>
-    
-    <h2>Other words</h2>
-    <p class="chip love">Any silly Enby/Slime/Moth related terms</p>
-    <p class="chip like">Dude, Partner, Bro</p>
-    <p class="chip silly">Guy, Pardner</p>
+        <h1>Names</h1>
+        <p class="chip love">Violet, Vivi, Vi, V</p>
+        <p class="chip like">Purple</p>
+        <p class="chip silly">Purple guy</p>
+        <hr>
 
-    <hr>
-    <h2>This page will be updated over time!</h2>
+        <h1>Pronouns</h1>
+        <p class="chip love">They/Them</p>
+        <p class="chip like">She/Her</p>
+        <p class="chip fine">Other</p>
+        <p class="chip hate">He/Him</p>
+        <hr>
+
+        <h1>Words</h1>
+        <h2>Honorifics</h2>
+        <p class="chip like">Mrs/Ms, Miss, Ma'am</p>
+        <p class="chip silly">Sir, Mr</p>
+        <p class="chip fine">Mx</p>
+
+        <h2>Other words</h2>
+        <p class="chip love">Any silly Enby/Slime/Moth related terms</p>
+        <p class="chip like">Dude, Partner, Bro</p>
+        <p class="chip silly">Guy, Pardner</p>
+
+        <hr>
+        <h2>This page will be updated over time!</h2>
+
+    </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/static/s/index.html b/static/s/index.html
index 7895daa..c90e19d 100644
--- a/static/s/index.html
+++ b/static/s/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,20 +9,31 @@
 
     <title>Socials - Violet's Purgatory</title>
 </head>
+
 <body>
+    <br>
     <a class="chip" href="/">Home</a>
-    <h1>Socials<hr></h1>
-    <h2>Chat Applications:</h2>
-    <p class="chip"><span style="color: limegreen">Matrix</span>: @bingus_violet:catgirl.cloud</p>
-    <p class="chip"><span style="color: red;">Revolt</span>: BingusViolet#5573</p>
-    <p class="chip"><span style="color: rgb(125, 150, 225)">Discord</span>: bingus_violet</p>
-    <h2>Social media:</h2>
-    <p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a href="https://tech.lgbt/@Bingus_Violet">@Bingus_Violet@tech.lgbt</a></p>
-    <p class="chip" style="color: rgb(255, 80, 80)">Youtube: <a href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Violet's Fiasco</a></p>
-    <h2>Git sites:</h2>
-    <p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
-    <p class="chip" style="color: aqua">Codeberg: <a href="https://codeberg.org/Bingus_Violet">Bingus_Violet</a></p>
-    <h2>Game sites:</h2>
-    <p class="chip" style="color: darkgrey">Steam: <a href="https://steamcommunity.com/id/Violet-The-Thigh-high-obtainer/">Violet</a></p>
+    <h1>Socials
+        <hr>
+    </h1>
+    <div class="fadediv">
+        <h2>Chat Applications:</h2>
+        <p class="chip"><span style="color: limegreen">Matrix</span>: @bingus_violet:catgirl.cloud</p>
+        <p class="chip"><span style="color: red;">Revolt</span>: BingusViolet#5573</p>
+        <p class="chip"><span style="color: rgb(125, 150, 225)">Discord</span>: bingus_violet</p>
+        <h2>Social media:</h2>
+        <p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a
+                href="https://tech.lgbt/@Bingus_Violet">@Bingus_Violet@tech.lgbt</a></p>
+        <p class="chip" style="color: rgb(255, 80, 80)">Youtube: <a
+                href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Violet's Fiasco</a></p>
+        <h2>Git sites:</h2>
+        <p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
+        <p class="chip" style="color: aqua">Codeberg: <a href="https://codeberg.org/Bingus_Violet">Bingus_Violet</a></p>
+        <h2>Game sites:</h2>
+        <p class="chip" style="color: darkgrey">Steam: <a
+                href="https://steamcommunity.com/id/Violet-The-Thigh-high-obtainer/">Violet</a></p>
+
+    </div>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 186f4e1..811b440 100644
--- a/static/style.css
+++ b/static/style.css
@@ -20,10 +20,11 @@ h2 {
 body {
     margin: auto;
     background-color: rgb(10, 5, 20);
-    max-width: 1100px;
+    width: 100vw;
+    height: 100vh;
 }
 
-#maindiv {
+.fadediv {
     animation-name: fade-in;
     animation-duration: .75s;
     animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
@@ -95,7 +96,8 @@ hr {
     padding: 15px;
     border: 2px white solid;
     margin: auto;
-    max-width: 90%;
+    max-width: 1000px;
+    width: 90%;
 }
 
 /* I am so sorry about this code,,, */
