diff --git a/about.html b/about.html
new file mode 100644
index 0000000..78cd4f5
--- /dev/null
+++ b/about.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>About this website</h1>
+</body>
+</html>
\ No newline at end of file
diff --git a/bivariate.html b/bivariate.html
index eab8dcf..1ab6742 100644
--- a/bivariate.html
+++ b/bivariate.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bivariate Data Analysis</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <h1>Information on bivariate data Analysis</h1>
diff --git a/index.html b/index.html
index a1d25f4..0d9af3f 100644
--- a/index.html
+++ b/index.html
@@ -8,8 +8,7 @@
     <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="bivariate.html">Bivariate Data</a></li>
-        <li><a href="test.html">Contact</a></li>
-        <li><a href="test.html">About</a></li>
+        <li><a href="about.html">About</a></li>
     </ul>
 </head>
 <body>
diff --git a/style.css b/style.css
index f772c92..a01e018 100644
--- a/style.css
+++ b/style.css
@@ -20,4 +20,8 @@ ul li a {
 
 ul li a:hover {
   background-color: #111111;
+}
+
+body {
+    background-color: lightsteelblue;
 }
\ No newline at end of file
