diff --git a/app/about/page.tsx b/app/about/page.tsx
index 8cd926f..f11d03d 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -1,13 +1,13 @@
 import { Metadata } from 'next';
 
-export const dynamic = 'force-static'; // no necessary, just for demonstration
+export const dynamic = 'force-static'; // not necessary, just for demonstration
 
 export const metadata: Metadata = {
   title: 'About Us',
   description: 'About NextSpace',
 };
 
-export default function Blog() {
+export default function About() {
   return (
     <div>
       <h1>About us</h1>
diff --git a/app/globals.css b/app/globals.css
index 622a121..9a2cdae 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,13 +1,17 @@
 
 :root {
   --link-color: #1d4ed8;
+  --dark-color: #00332a;
+  --light-color: #e3e3e3;
+  --foreground: var(var(--dark-color));
+  --background: var(var(--light-color))
 }
 
 html,
 body {
   max-width: 100vw;
   overflow-x: hidden;
-  background-color: #e3e3e3;
+  background-color: var(--background);
   /* font-family: verdana, arial, sans-serif, helvetica; */
 }
 
@@ -18,7 +22,7 @@ body {
 }
 
 main {
-  background-color: white;
+  background-color: var(--background);
   padding: 1rem;
   min-height: 300px;
 }