create css file for 404 page

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 }}

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%;
+}

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 ======= */