From 2613cd5114bb8e854bd3252f693ad6feb8084f4e Mon Sep 17 00:00:00 2001
From: sajjad <sajjadsiadati1390@gmail.com>
Date: Thu, 14 Dec 2023 13:39:24 +0330
Subject: [PATCH] add css 404 error

---
 assets/css/style.css | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/assets/css/style.css b/assets/css/style.css
index 6b00860..9fca814 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -696,9 +696,46 @@ article.container::before {
 /*-----------------------------------*\
   #LOADING
 \*-----------------------------------*/
+.loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--background);
+  place-items: center;
+  z-index: 1;
+  display: none;
+}
+.loading::before {
+  content: "";
+  width: 48px;
+  height: 48px;
+  border: 4px solid var(--on-background);
+  border-block-start-color: transparent;
+  border-radius: var(--radius-circle);
+  animation: loading 500ms linear infinite;
+}
 /*-----------------------------------*\
   #ERROR SECTION
 \*-----------------------------------*/
+.error-content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  height: 100svh;
+  background-color: var(--background);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: none;
+  z-index: 8;
+}
+.error-content .btn-primary {
+  margin-block-start: 20px;
+}
 /*-----------------------------------*\
   #MEDIA QUERIES
 \*-----------------------------------*/