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" . }}