Rename landing file, use em instead of rem in some places

src/_includes/landing.njk

@@ -3,9 +3,6 @@ layout: base.njk
 ---
 {% include "header.njk" %}
 <main class="cover">
-  <header>
-    <h1>{{ title }}</h1>
-  </header>
   {{ content | safe }}
 </main>
 {% include "footer.njk" %}

src/css/global.scss

@@ -1,7 +1,8 @@
-@use "mixins" as *;
 
+// My stuff
 @use "colors";
 @use "fonts";
+@use "mixins" as *;
 
 /*
 Colors
@@ -18,7 +19,7 @@ body {
   background-color: #{colors.$base-800};
   color: #{colors.$paper};
   font-family: Alkhemikal;
-  font-size: 1.5rem;
+  font-size: 1em;
 }
 
 ::selection {
@@ -38,16 +39,16 @@ h6 {
 }
 
 h1 {
-  font-size: 3rem;
+  font-size: 3em;
 }
 
 h2 {
-  margin-top: 1rem;
-  font-size: 2rem;
+  margin-top: 1em;
+  font-size: 2em;
 }
 
 h3 {
-  font-size: 1.5rem;
+  font-size: 1em;
 }
 
 main,
@@ -83,12 +84,12 @@ article {
   ol,
   ul {
     all: revert;
-    margin: 1rem 0;
+    margin: 1em 0;
   }
 
   p {
     line-height: 1.5;
-    margin-bottom: 1rem;
+    margin-bottom: 1em;
   }
 
   :last-child {
@@ -113,13 +114,13 @@ a:active {
 a.logo,
 a.logo:hover,
 a.logo:active {
-  font-size: 3rem;
+  font-size: 3em;
   color: #{$fg-logo};
   text-decoration: none;
 }
 
 nav.navbar {
-  margin-bottom: 1rem;
+  margin-bottom: 1em;
 
   li {
     display: inline-flex;
@@ -127,7 +128,7 @@ nav.navbar {
 }
 
 footer.footer-main {
-  margin: 2rem 1rem 1rem 1rem;
+  margin: 2em 1em 1em 1em;
   text-align: center;
 }
 
@@ -144,7 +145,7 @@ footer.footer-main {
   max-width: 288px;
   @include breakpoint("md") {
     float: right;
-    margin: 1rem;
+    margin: 1em;
   }
 }
 

src/index.md

@@ -1,4 +1,4 @@
 ---
-layout: book_cover.njk
+layout: landing.njk
 date: Last Modified
 ---