Update homepage style

assets/scss/partials/_home.scss

@@ -3,29 +3,25 @@
 }
 
 #home-center {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
   padding: 0 10vw;
-  font-size: 1.2em;
+  font-size: 1.1rem;
 }
 #home-title {
   line-height: normal;
   margin-bottom: .3em;
 }
 #home-social > a {
-  padding-right: .5em;
-  font-size: 1.4em;
+  margin-right: .5em;
+  font-size: 1.5em;
 }
 #home-nav {
-  margin: 1em 0;
+  margin-top: 1rem;
   letter-spacing: normal;
   > a {
     display: inline-block;
     border: 1px solid var(--c-txt-alt);
     padding: 0 .4em;
-    font-size: .8em;
-    margin-top: .5em;
+    font-size: .95rem;
     &:hover {
       border-color: $accent;
     }
@@ -35,17 +31,23 @@
   }
 }
 #recent-posts {
-  margin-top: 2em;
+  margin-top: 3rem;
+  > div {
+    font-size: 1.2em;
+
+  }
 }
 .recent-posts-list {
   list-style: none;
   padding-left: 0;
+  margin-top: .5rem;
   font-size: 1rem;
   li {
-    margin-bottom: .2em;
+    margin-bottom: .3em;
   }
   span {
     margin-right: .5em;
+    font-weight: lighter;
     color: var(--c-txt-alt);
   }
   a {
@@ -53,7 +55,7 @@
   }
 }
 #home-footer {
-  padding: 0 10vw;
-  font-size: .8em;
+  margin-top: 1.5rem;
+  font-size: .8rem;
   letter-spacing: normal;
 }

assets/scss/style.scss

@@ -284,9 +284,8 @@ h1#page-title {
   main#site-main {
     margin-top: 3em;
   }
-  #home-center, #home-footer {
-    padding-left: 15vw;
-    padding-right: 15vw;
+  #home-center {
+    padding: 0 15vw;
   }
   .wrapper {
     max-width: 780px;
@@ -349,9 +348,8 @@ h1#page-title {
   main#site-main {
     margin-top: 6em;
   }
-  #home-center, #home-footer {
-    padding-left: 16vw;
-    padding-right: 16vw;
+  #home-center {
+    padding: 0 16vw;
   }
   .wrapper {
     margin-left: var(--offset);

layouts/index.html

@@ -29,11 +29,11 @@
 				{{ end }}
 			</ul>
 		</div>
-	</div>
-	<div id="home-footer">
-		<p>
-			&copy; {{ now.Format "2006" }} <a href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>
-			{{- with (not (in (.Site.Language.Get "disableKinds") "RSS")) }} &#183; <a href="{{ "writing/index.xml" | absURL }}" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a>{{ end }}
-		</p>
+		<div id="home-footer">
+			<p>
+				&copy; {{ now.Format "2006" }} <a href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>
+				{{- with (not (in (.Site.Language.Get "disableKinds") "RSS")) }} &#183; <a href="{{ "writing/index.xml" | absURL }}" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a>{{ end }}
+			</p>
+		</div>
 	</div>
 {{ end }}