diff --git a/index.html b/index.html
index 4b000ca..820de3f 100644
--- a/index.html
+++ b/index.html
@@ -5,19 +5,33 @@
     
         <title>Utterly Sweet Plasma Global Theme</title>
     
-        <link rel="stylesheet" type="text/css" href="../style.css">
-        <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-        <script src="/scripts/repopage.js"></script>
-    </head>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="./style.css">
+</head>
+
+<body id="body" class="bg-info-subtle" data-bs-theme="light">
+    <header>
+        <div id="header"></div><br />
+    </header>
+    <div class="sticky-top">
+        <div id="navbar" class="mx-3 my-0 px-0 py-1 navbar navbar-expand-lg d-flex align-items-start bg-info-subtle">
+        </div>
+        <span>
+            <div class="inverted-topleft-corner bg-info-subtle"></div>
+            <div class="inverted-topright-corner bg-info-subtle"></div>
+        </span>
+    </div>
+    <div style="display:flex; flex-direction:column;">
+        <div id="content" class="mx-3 rounded-5 bg-body tabcontent content">
+            <div id="readme"></div>
+        </div>
+    </div>
+    <footer>
+        <div id="footer"></div>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="/scripts/repopage.js"></script>
+</body>
 
-    <body>
-        <header>
-            <div id = "header"></div><br />
-        </header>
-        <div id="navbar" class ="nav"></div>
-        <div id="readme" class="content"></div>
-        <footer>
-            <div id = "footer"></div>
-        </footer>
-    </body>
 </html>
