diff --git a/CNAME b/CNAME
new file mode 100644
index 00000000..cddcb641
--- /dev/null
+++ b/CNAME
@@ -0,0 +1,2 @@
+ns1.vercel-dns.com
+ns2.vercel-dns.com
\ No newline at end of file
diff --git a/app/globals.scss b/app/globals.scss
index 64e7ae8a..dfab80d5 100644
--- a/app/globals.scss
+++ b/app/globals.scss
@@ -17,6 +17,8 @@
   --foreground: #171717;
   --highlight-bg: #01d101;
   --highlight-fg: #ededed;
+  --nav-bkg: #f1f1f1;
+  --nav-hvr-bkg: #ddd;
 }
 
 
@@ -27,6 +29,8 @@
     --foreground: #ededed;
     --highlight-bg: #006400;
     --highlight-fg: #000;
+    --nav-bkg: #333;
+    --nav-hvr-bkg: #444;
   }
 }
 
@@ -55,17 +59,13 @@ body {
 li {
   &::marker{
     content: "\2623 ";
-    color: white;
+    color: var(--foreground);
   }
 }
 
-::-webkit-scrollbar {
-  width: 10px;
-}
-
 .dropbtn {
   background-color: #04AA6D;
-  color: white;
+  color: var(--foreground);
   padding: 16px;
   font-size: 16px;
   border: none;
@@ -84,15 +84,15 @@ li {
 .dropdown-content {
   display: none;
   position: absolute;
-  background-color: #f1f1f1;
-  min-width: 160px;
+  background-color: var(--nav-bkg);
+  min-width: 150px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
 }
 
 /* Links inside the dropdown */
 .dropdown-content a {
-  color: black;
+  color: var(--foreground);
   padding: 12px 16px;
   text-decoration: none;
   display: block;
@@ -100,7 +100,7 @@ li {
 
 /* Change color of dropdown links on hover */
 .dropdown-content a:hover {
-  background-color: #ddd;
+  background-color: var(--nav-hvr-bkg);
 }
 
 /* Show the dropdown menu on hover */
diff --git a/app/page.tsx b/app/page.tsx
index a7741c40..7e2c7908 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -30,10 +30,10 @@ export default function Home() {
 
   console.log(message);
   return (
-    <main className="flex flex-col items-center justify-center w-screen h-screen">
-      <div className="w-2/3 h-1/5 rounded-s border-dotted border-Gween-300 dark:border-Gween-600 content-center self-center text-center top-1/4 right-1/2 fixed">
+    <main className="flex flex-col items-center justify-center">
+      <div className="w-2/3 h-1/5 rounded-s border-dotted border-2 border-Gween-300 dark:border-Gween-600 content-center self-center text-center p-10">
         <p>
-          I&#39;m <b className="bg-rainbow text-black font-serif border-black border-double border-spacing-4">&#64;GameLord2011</b>
+          I&#39;m <b className="bg-rainbow text-black font-serif border-white dark:border-black border-double border-4">&#64;GameLord2011</b>
         </p>	
       </div>
       <div>