Rename not fount page to error page

1 files changed, 45 insertions, 0 deletions

diff --git a/client/src/app/+error-page/error-page.component.scss b/client/src/app/+error-page/error-page.component.scss
new file mode 100644
index 000000000..4e12e8c78
--- /dev/null
+++ b/client/src/app/+error-page/error-page.component.scss
@@ -0,0 +1,45 @@
+@use '_variables' as *;
+@use '_mixins' as *;
+
+.root {
+  @include margin-left(auto);
+  @include margin-right(auto);
+
+  height: 100%;
+  text-align: center;
+  padding-top: 150px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column-reverse;
+
+  .box {
+    text-align: start;
+    font-size: 120%;
+    padding: 0 15px;
+  }
+
+  img {
+    @include margin-left(auto);
+
+    width: 220px;
+    height: auto;
+  }
+
+  @media screen and (max-width: $mobile-view) {
+    img {
+      @include margin-right(auto);
+    }
+  }
+
+  @media screen and (min-width: $mobile-view) {
+    width: 400px;
+  }
+
+  @media screen and (max-height: 600px) {
+    padding-top: 50px;
+
+    img {
+      width: 160px;
+    }
+  }
+}