From 3f93c97e54f4e49250412d2c840ef2d8accf52f4 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Tue, 8 Feb 2022 10:45:20 +0100
Subject: [PATCH] Improve 404 styles

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 public/index.css    | 6 ++++++
 src/NotFound.svelte | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/index.css b/public/index.css
index bb0468310..6c86c4e30 100644
--- a/public/index.css
+++ b/public/index.css
@@ -388,6 +388,12 @@ span.small, .text-xsmall {
 .text-small {
 	font-size: 0.875rem;
 }
+.text-medium {
+	font-size: 1.25rem;
+}
+.text-big {
+	font-size: 1.5rem;
+}
 
 button.error:hover {
 	background-color: var(--color-negative);
diff --git a/src/NotFound.svelte b/src/NotFound.svelte
index 92ac62780..e765b0761 100644
--- a/src/NotFound.svelte
+++ b/src/NotFound.svelte
@@ -10,7 +10,7 @@
 <Modal subtle>
   <span slot="title">🏜️</span>
   <span slot="body">
-    <p class="highlight"><strong>{title}</strong></p>
+    <p class="highlight text-medium"><strong>{title}</strong></p>
     <p>{subtitle}</p>
   </span>
   <span slot="actions">