diff --git a/docs/404.html b/docs/404.html
index 50bd4b9..7ec1d38 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <title></title>
-        <link rel="stylesheet" href="/website/assets/css/styles.css">
+        <link rel="stylesheet" href="/website/assets/css/">
     </head>
     <body>
         <nav>
diff --git a/docs/about.html b/docs/about.html
index aedc5c8..478745c 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <title>About</title>
-        <link rel="stylesheet" href="/website/assets/css/styles.css">
+        <link rel="stylesheet" href="/website/assets/css/">
     </head>
     <body>
         <nav>
diff --git a/docs/assets/css/blog.css b/docs/assets/css/blog.css
index 6d02635..39ec73e 100644
--- a/docs/assets/css/blog.css
+++ b/docs/assets/css/blog.css
@@ -1 +1 @@
-div.console{background-color:lightgray;color:black;padding-left:10px;padding-top:10px;padding-bottom:10px;border-radius:15px}div.outerDiv{padding-left:50px;padding-right:50px}
+body{background-color:dimgray}div.console{background-color:lightgray;color:black;padding-left:10px;padding-top:10px;padding-bottom:10px;border-radius:15px}div.outerDiv{padding-left:50px;padding-right:50px}
diff --git a/docs/assets/css/index.css b/docs/assets/css/index.css
new file mode 100644
index 0000000..89c1890
--- /dev/null
+++ b/docs/assets/css/index.css
@@ -0,0 +1 @@
+body{background-color:dimgray}img.imageSquare{align-self:center}#image00{background-color:black}
diff --git a/docs/assets/css/law.css b/docs/assets/css/law.css
index aaaad01..d34ef97 100644
--- a/docs/assets/css/law.css
+++ b/docs/assets/css/law.css
@@ -1 +1 @@
-.current{color:black}img.imageSquare{align-self:center}
+body{background-color:dimgray;color:black}
diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index aaaad01..d34ef97 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -1 +1 @@
-.current{color:black}img.imageSquare{align-self:center}
+body{background-color:dimgray;color:black}
diff --git a/docs/feed.xml b/docs/feed.xml
index 3e17044..03cffc6 100644
--- a/docs/feed.xml
+++ b/docs/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-21T16:16:40+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-21T16:38:40+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
     &lt;div id=&quot;prerequisits&quot;&gt;
         &lt;h3&gt;Prerequisits&lt;/h3&gt;
         Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;&lt;br&gt;
diff --git a/docs/index.html b/docs/index.html
index c9ea90a..137854f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <title>Homepage</title>
-        <link rel="stylesheet" href="/website/assets/css/styles.css">
+        <link rel="stylesheet" href="/website/assets/css/index.css">
     </head>
     <body>
         <nav>
@@ -15,8 +15,12 @@
         <a href="/website/blog.html" >Blog</a>
     
 </nav>
-        <h1>Welcome!</h1>
-<img class="imageSquare" src="https://images-assets.nasa.gov/image/PIA18033/PIA18033~medium.jpg" alt="Earth Globe NASA shot" height="640px" width="640px">
+        <div>
+    <h1>Welcome!</h1>
+</div>
+<div id="image00">
+    <img class="imageSquare" src="https://images-assets.nasa.gov/image/PIA18033/PIA18033~medium.jpg" alt="Earth Globe NASA shot" height="640px" width="640px">
+</div>
         <nav>
     
         <a href="/website/terms.html" >Terms</a>
diff --git a/localdocs/_layouts/default.html b/localdocs/_layouts/default.html
index 341a0ce..4887dea 100644
--- a/localdocs/_layouts/default.html
+++ b/localdocs/_layouts/default.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <title>{{ page.title }}</title>
-        <link rel="stylesheet" href="/website/assets/css/styles.css">
+        <link rel="stylesheet" href="{{ '/website/assets/css/' | append: page.css_file }}">
     </head>
     <body>
         {% include navigation.html %}
diff --git a/localdocs/_sass/blog.scss b/localdocs/_sass/blog.scss
index 60d8ea4..647945b 100644
--- a/localdocs/_sass/blog.scss
+++ b/localdocs/_sass/blog.scss
@@ -1,3 +1,7 @@
+body {
+    background-color: dimgray;
+}
+
 div.console {
     background-color: lightgray;
     color: black;
diff --git a/localdocs/_sass/index.scss b/localdocs/_sass/index.scss
new file mode 100644
index 0000000..657dd41
--- /dev/null
+++ b/localdocs/_sass/index.scss
@@ -0,0 +1,11 @@
+body {
+    background-color: dimgray;
+}
+
+img.imageSquare {
+    align-self: center;
+}
+
+#image00 {
+    background-color: black;
+}
\ No newline at end of file
diff --git a/localdocs/_sass/main.scss b/localdocs/_sass/main.scss
index a090e35..edbf714 100644
--- a/localdocs/_sass/main.scss
+++ b/localdocs/_sass/main.scss
@@ -1,7 +1,4 @@
-.current {
+body {
+    background-color: dimgray;
     color: black;
-}
-
-img.imageSquare {
-    align-self: center;
 }
\ No newline at end of file
diff --git a/localdocs/assets/css/index.scss b/localdocs/assets/css/index.scss
new file mode 100644
index 0000000..4f2ddf1
--- /dev/null
+++ b/localdocs/assets/css/index.scss
@@ -0,0 +1,3 @@
+---
+---
+@import "index";
\ No newline at end of file
diff --git a/localdocs/blog.html b/localdocs/blog.html
index 2385dc7..37ce010 100644
--- a/localdocs/blog.html
+++ b/localdocs/blog.html
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Blog
+css_file: styles.css
 ---
 <h1>Latest Posts</h1>
 
diff --git a/localdocs/index.html b/localdocs/index.html
index e7333e3..b65eb5d 100644
--- a/localdocs/index.html
+++ b/localdocs/index.html
@@ -1,7 +1,12 @@
 ---
 layout: default
 title: Homepage
+css_file: index.css
 ---
 
-<h1>Welcome!</h1>
-<img class="imageSquare" src="https://images-assets.nasa.gov/image/PIA18033/PIA18033~medium.jpg" alt="Earth Globe NASA shot" height="640px" width="640px">
\ No newline at end of file
+<div>
+    <h1>Welcome!</h1>
+</div>
+<div id="image00">
+    <img class="imageSquare" src="https://images-assets.nasa.gov/image/PIA18033/PIA18033~medium.jpg" alt="Earth Globe NASA shot" height="640px" width="640px">
+</div>
\ No newline at end of file
