diff --git a/src/Yavsc.Server/Settings/SiteSettings.cs b/src/Yavsc.Server/Settings/SiteSettings.cs
index 678247eb..9c847ea1 100644
--- a/src/Yavsc.Server/Settings/SiteSettings.cs
+++ b/src/Yavsc.Server/Settings/SiteSettings.cs
@@ -7,7 +7,7 @@ namespace Yavsc
         public string Title { get; set; }
         public string Slogan { get; set; }
 
-        public string Banner { get; set; }
+        public string StyleSheet { get; set; }
         public string FavIcon { get; set; }
         public string Icon { get; set; }
         /// <summary>
diff --git a/src/Yavsc/Views/Blogspot/Index.cshtml b/src/Yavsc/Views/Blogspot/Index.cshtml
index 0279ad61..0a7a8e36 100644
--- a/src/Yavsc/Views/Blogspot/Index.cshtml
+++ b/src/Yavsc/Views/Blogspot/Index.cshtml
@@ -45,6 +45,6 @@
 }
 
 <div class="container">
-     @await Component.InvokeAsync("BlogIndex",User.GetUserId()??"_anonymous_",0,25);
+     @await Component.InvokeAsync("BlogIndex",User.GetUserId()??"_anonymous_",0,25)
    
 </div>
diff --git a/src/Yavsc/Views/Shared/_Layout.cshtml b/src/Yavsc/Views/Shared/_Layout.cshtml
index 6ddec449..a5afa3c2 100644
--- a/src/Yavsc/Views/Shared/_Layout.cshtml
+++ b/src/Yavsc/Views/Shared/_Layout.cshtml
@@ -42,19 +42,15 @@
            
         </environment>
 
- <style>
-     nav { background: url(@Startup.SiteSetup.Banner);
-       background-size: contain;
-       background-repeat: no-repeat;
-     }
-</style>
-<script>
-    $(document).ready(function() {
-        if (typeof allowCircleToBlog !== "undefined") {
-            $('input.Blogcirle[type=checkbox]').on('change', allowCircleToBlog);
-        }
-    });
-</script>
+        <link rel="stylesheet" href="@Startup.SiteSetup.StyleSheet" asp-append-version="true"/>
+
+        <script>
+            $(document).ready(function() {
+                if (typeof allowCircleToBlog !== "undefined") {
+                    $('input.Blogcirle[type=checkbox]').on('change', allowCircleToBlog);
+                }
+            });
+        </script>
 
         @RenderSection("header", required: false)
     </head>
diff --git a/src/Yavsc/appsettings.json b/src/Yavsc/appsettings.json
index f9d14f60..adae4043 100755
--- a/src/Yavsc/appsettings.json
+++ b/src/Yavsc/appsettings.json
@@ -13,7 +13,7 @@
     "Site": {
         "Title": "Yavsc",
         "Slogan": "Yavsc!",
-        "Banner": "/images/banner.jpg",
+        "StyleSheet": "/css/default.css",
         "Authority": "http://127.0.0.1:5000/",
         "Owner": {
             "Name": "[Site owner's name]",
diff --git a/src/Yavsc/wwwroot/css/coiffure.css b/src/Yavsc/wwwroot/css/coiffure.css
new file mode 100644
index 00000000..a68f66c2
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/coiffure.css
@@ -0,0 +1,6 @@
+nav { background: url(/images/haircut/coiffure.svg);
+    background-attachment: local;
+    background-size: contain;
+    background-repeat: no-repeat;
+    }
+  
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/coiffure.min.css b/src/Yavsc/wwwroot/css/coiffure.min.css
new file mode 100644
index 00000000..95ffd85f
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/coiffure.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/haircut/coiffure.svg) no-repeat local;background-size:contain}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/default.css b/src/Yavsc/wwwroot/css/default.css
new file mode 100644
index 00000000..c2477b29
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/default.css
@@ -0,0 +1,5 @@
+nav { background: url(/images/yavsc.png);
+  background-attachment: local;
+  background-size: contain;
+  background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/default.min.css b/src/Yavsc/wwwroot/css/default.min.css
new file mode 100644
index 00000000..160974b4
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/default.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/yavsc.png) no-repeat local;background-size:contain}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/dev.css b/src/Yavsc/wwwroot/css/dev.css
new file mode 100644
index 00000000..fc0e332b
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/dev.css
@@ -0,0 +1,5 @@
+nav { background: url(/images/it/neworleans-louisiana-bywater-1973969-o.jpg);
+    background-attachment: local;
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/dev.min.css b/src/Yavsc/wwwroot/css/dev.min.css
new file mode 100644
index 00000000..c4a9bde7
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/dev.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/it/neworleans-louisiana-bywater-1973969-o.jpg) no-repeat local;background-size:contain}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/freespeech.css b/src/Yavsc/wwwroot/css/freespeech.css
new file mode 100644
index 00000000..e4806bd4
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/freespeech.css
@@ -0,0 +1,4 @@
+nav { background: url(/images/arts/concert.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/freespeech.min.css b/src/Yavsc/wwwroot/css/freespeech.min.css
new file mode 100644
index 00000000..02c745d0
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/freespeech.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/arts/concert.jpg) no-repeat;background-size:cover}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/lua.css b/src/Yavsc/wwwroot/css/lua.css
new file mode 100644
index 00000000..a056b975
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/lua.css
@@ -0,0 +1,5 @@
+nav { background: url(/images/logo-lua.png);
+  background-attachment: local;
+  background-size: contain;
+  background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/lua.min.css b/src/Yavsc/wwwroot/css/lua.min.css
new file mode 100644
index 00000000..c6e7de36
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/lua.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/logo-lua.png) no-repeat local;background-size:contain}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/yavsc.css b/src/Yavsc/wwwroot/css/yavsc.css
new file mode 100644
index 00000000..a056b975
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/yavsc.css
@@ -0,0 +1,5 @@
+nav { background: url(/images/logo-lua.png);
+  background-attachment: local;
+  background-size: contain;
+  background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/yavsc.min.css b/src/Yavsc/wwwroot/css/yavsc.min.css
new file mode 100644
index 00000000..c6e7de36
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/yavsc.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/logo-lua.png) no-repeat local;background-size:contain}
\ No newline at end of file
diff --git a/src/Yavsc/wwwroot/css/yavscpre.css b/src/Yavsc/wwwroot/css/yavscpre.css
new file mode 100644
index 00000000..a056b975
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/yavscpre.css
@@ -0,0 +1,5 @@
+nav { background: url(/images/logo-lua.png);
+  background-attachment: local;
+  background-size: contain;
+  background-repeat: no-repeat;
+  }
diff --git a/src/Yavsc/wwwroot/css/yavscpre.min.css b/src/Yavsc/wwwroot/css/yavscpre.min.css
new file mode 100644
index 00000000..c6e7de36
--- /dev/null
+++ b/src/Yavsc/wwwroot/css/yavscpre.min.css
@@ -0,0 +1 @@
+nav{background:url(/images/logo-lua.png) no-repeat local;background-size:contain}
\ No newline at end of file