From 9cf45281189f265fdbd3a98014f264219666860c Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Sun, 18 May 2025 17:37:07 +0100
Subject: [PATCH] Add 'error' page module using new mixins

---
 scss/page/_main_page.scss   |  3 ++-
 scss/page/error/_error.scss | 25 +++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 scss/page/error/_error.scss

diff --git a/scss/page/_main_page.scss b/scss/page/_main_page.scss
index 9a6919e..7901ff5 100644
--- a/scss/page/_main_page.scss
+++ b/scss/page/_main_page.scss
@@ -1,3 +1,4 @@
 @use '../utilities/main_utilities' as *;
 
-// Page specific stuff
\ No newline at end of file
+// Page specific stuff
+@use 'error/error';
diff --git a/scss/page/error/_error.scss b/scss/page/error/_error.scss
new file mode 100644
index 0000000..592b39a
--- /dev/null
+++ b/scss/page/error/_error.scss
@@ -0,0 +1,25 @@
+@use '../../utilities/main_utilities' as *;
+
+.body--error{
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    flex-direction: column !important;
+    height: 100% !important;
+    background: $color-bg;
+    color: $color-text;
+
+    @include color-scheme(dark) {
+        background: $color-bg--dark;
+        color: $color-text--dark;
+    }
+}
+
+.error-title{
+    font-size: 40px;
+    @include media($media-sm) { font-size: 80px; }
+}
+.error-text{
+    margin-top: 20px;
+    @include media($media-sm) { margin-top: 40px; }
+}