feat: New frontpage

1 files changed, 43 insertions, 0 deletions

diff --git a/apps/web-shared/src/styles/components/404.scss b/apps/web-shared/src/styles/components/404.scss
new file mode 100644
index 0000000..1a0267a
--- /dev/null
+++ b/apps/web-shared/src/styles/components/404.scss
@@ -0,0 +1,43 @@
+@use '../base' as *;
+
+.fof {
+}
+
+.fof__animation {
+  svg {
+    display: block;
+    max-width: 520px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+#i-fof-browser {
+  transform-origin: 260px 304px;
+  animation: i-fof-browser 4s infinite;
+}
+
+#i-fof-shadow {
+  transform-origin: 282px 410px;
+  animation: i-fof-shadow 4s infinite;
+}
+
+@keyframes i-fof-browser {
+  0%, 100% {
+    transform: translateY(0) scale(1);
+  }
+
+  50% {
+    transform: translateY(-10%) scale(0.9);
+  }
+}
+
+@keyframes i-fof-shadow {
+  0%, 100% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.8);
+  }
+}