Adding blockquote css

Fixing background image for mobile and root page

main-site/themes/temper/layouts/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en-us">
 {{ partial "head.html" . }}
-{{ if eq .Permalink .Site.BaseURL }}
+{{ if .IsHome }}
   <body class="main-page">
 {{ else }}
   <body>

main-site/themes/temper/static/css/style.css

@@ -5,6 +5,8 @@ body {
 }
 .main-page {
   background-image: url("/img/bg.png");
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 
 html { 
@@ -15,6 +17,12 @@ html {
   overflow-x: hidden;
 }
 
+blockquote {
+	border-left: whitesmoke;
+	border-left-style: solid;
+	padding-left: 20px;
+}
+
 .feed-container {
 	display: flex;
 	justify-content: center;
@@ -252,4 +260,10 @@ ul.timeline > li:before {
 		position: static;
 		transform: none;
 	}
+  .main-page {
+    min-width: 100px;;
+    background-size: auto 100vh;
+    background-position: 25% top;
+  }
 }
+