diff --git a/main-site/themes/temper/layouts/index.html b/main-site/themes/temper/layouts/index.html
index 83a3b1f..6c73506 100644
--- a/main-site/themes/temper/layouts/index.html
+++ b/main-site/themes/temper/layouts/index.html
@@ -1,9 +1,12 @@
 <!DOCTYPE html>
 <html lang="en-us">
 {{ partial "head.html" . }}
-<body>
+{{ if eq .Permalink .Site.BaseURL }}
+  <body class="main-page">
+{{ else }}
+  <body>
+{{ end }}
 <div class="banner-container">
-  <!-- <img class="bg-img fade-in-image" src="/img/bg.png"> -->
 	<div class="headline">
 		<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
 		<h5 class="reveal-text">{{.Site.Params.Description}}</h5>
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index 9a20edf..cc3765b 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -1,9 +1,12 @@
 body {
-  /* background-color: #212121; */
-  background-image: url("/img/bg.png");
+  background-color: #212121;
   font-family: 'Courier New', monospace;
   color: #dcdcdc;
 }
+.main-page {
+  background-image: url("/img/bg.png");
+}
+
 html { 
   scroll-behavior: smooth;
   display: flex;
