diff --git a/content/img/404.png b/content/img/404.png
new file mode 100644
index 0000000..6923ab3
Binary files /dev/null and b/content/img/404.png differ
diff --git a/content/styles/404/main.css b/content/styles/404/main.css
new file mode 100644
index 0000000..cf618d0
--- /dev/null
+++ b/content/styles/404/main.css
@@ -0,0 +1,30 @@
+body,
+html {
+ padding: 2.5em;
+ height: 100%;
+}
+
+.title404 {
+ text-align: center;
+ font-size: 3em;
+}
+
+.content404 {
+ text-align: center;
+ font-size: 2.5em;
+}
+
+.c404img {
+ display: flex;
+ justify-content: center;
+}
+
+.c404img img {
+ filter: opacity(25%) blur(10px);
+}
+
+footer {
+ position: absolute;
+ bottom: 0;
+ margin: 2.5em;
+}
\ No newline at end of file
diff --git a/content/styles/404/main.scss b/content/styles/404/main.scss
new file mode 100644
index 0000000..a8b8c70
--- /dev/null
+++ b/content/styles/404/main.scss
@@ -0,0 +1,33 @@
+body,
+html {
+ padding: 2.5em;
+ height: 100%;
+}
+
+
+.title404 {
+ text-align: center;
+ font-size: 3em;
+}
+
+.content404 {
+ text-align: center;
+ font-size: 2.5em;
+}
+
+
+.c404img {
+ display: flex;
+ justify-content: center;
+}
+
+.c404img img {
+ filter: opacity(25%) blur(10px);
+}
+
+
+footer {
+ position: absolute;
+ bottom: 0;
+ margin: 2.5em;
+}
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..2d4d6d9
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,5 @@
+[[redirects]]
+ from = "/*"
+ to = "/page/404"
+ status = 404
+ force = false
diff --git a/page/404/index.html b/page/404/index.html
new file mode 100644
index 0000000..804997f
--- /dev/null
+++ b/page/404/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ Ari::web -> 404
+
+
+
+
+
+
+
+
+
+
+ 404 ~ Not found
+ The page you're looking for cannnot be found... Try the homepage maybe?
+
+
+
+