diff --git a/layouts/404.html b/layouts/404.html
index 50b3858..9b8eb4d 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,3 +1,7 @@
+{{ define "header" }}
+    <link rel="stylesheet" href="/assets/css/404.css">
+{{ end }}
+
 {{ define "navbar" }}
     {{ partial "navbar-2.html" (dict "baseURL" .Site.BaseURL "title" .Site.Title "hasToggleButton" false) }}
 {{ end }}
diff --git a/static/assets/css/404.css b/static/assets/css/404.css
new file mode 100644
index 0000000..77156e7
--- /dev/null
+++ b/static/assets/css/404.css
@@ -0,0 +1,24 @@
+.navbar-toggler {
+  display: none;
+}
+
+.notFound {
+  padding-top: 5rem;
+  text-align: center;
+  padding-bottom: 8rem;
+}
+
+.notFound img {
+  height: 500px;
+}
+
+.notFound h1 {
+  font-style: italic;
+}
+
+.notFound .message {
+  position: absolute;
+  max-width: 20rem;
+  top: 40%;
+  left: 30%;
+}
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 9929479..037ac34 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -191,27 +191,6 @@ a:hover {
   color: #c0ccda;
 }
 
-.notFound{
-  padding-top: 5rem;
-  text-align: center;
-  padding-bottom: 8rem;
-}
-
-.notFound img{
-  height: 500px;
-}
-
-.notFound h1{
-  font-style: italic;
-}
-
-.notFound .message{
-  position: absolute;
-  max-width: 20rem;
-  top: 40%;
-  left: 30%;
-}
-
 /* --- FOOTER END ---- */
 
 /* ============= Device specific fixes ======= */