diff --git a/client/src/styles/404.css b/client/src/styles/404.css
new file mode 100644
index 0000000..af25cf9
--- /dev/null
+++ b/client/src/styles/404.css
@@ -0,0 +1,34 @@
+h1 {
+ margin: 0 auto;
+}
+
+h3 {
+ max-width: 40em;
+ font-size: 20px;
+ padding: 1em;
+ margin: 0 auto;
+}
+
+html, body {
+ height: 100%;
+}
+
+#not-found-container {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: 0 auto;
+}
+
+@media(min-width: 701px) {
+ h1 {
+ font-size: 75px;
+ }
+}
+@media(max-width: 700px) {
+ h1 {
+ font-size: 40px;
+ }
+}
diff --git a/client/src/views/404.html b/client/src/views/404.html
index 358c0ce..f7ba5e4 100644
--- a/client/src/views/404.html
+++ b/client/src/views/404.html
@@ -17,43 +17,7 @@
-
+