From 8c001f75609b2fd64d9555e42015dd89cefcff8a Mon Sep 17 00:00:00 2001
From: nanxiaobei <nanxiaobei@gmail.com>
Date: Sat, 21 Aug 2021 00:48:17 +0800
Subject: [PATCH] update 404 page

---
 assets/app.css   | 8 ++++----
 layouts/404.html | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/app.css b/assets/app.css
index 8a0a204..3b7c614 100644
--- a/assets/app.css
+++ b/assets/app.css
@@ -168,7 +168,7 @@ img {
 }
 
 .site-name {
-  padding-bottom: 0.6rem;
+  padding-bottom: 0.2rem;
   font-size: 3.5rem;
   font-weight: 700;
 }
@@ -648,11 +648,11 @@ img {
 
 /* 404
  -------------------------------------------------- */
-.not-found {
+.title-404 {
+  position: absolute;
+  inset: var(--header) 0 calc(var(--footer) * 2);
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 70vh;
   font-size: 16rem;
-  font-weight: 700;
 }
diff --git a/layouts/404.html b/layouts/404.html
index 5343094..68dca20 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,3 +1,3 @@
 {{ partial "header.html" . }}
-<div class="not-found">404</div>
+  <h1 class="title-404">404</h1>
 {{ partial "footer.html" . }}