featL Improve 404 illustration

.editorconfig

@@ -0,0 +1,13 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+
+[*.{css,html}]
+indent_style = space
+indent_size = 2

sass/_main.scss

@@ -667,3 +667,11 @@ img {
 .icon {
   vertical-align: -.125rem;
 }
+
+.not-found {
+  width: 100%;
+  padding-top: 1rem;
+  padding-right: 35%;
+  padding-left: 35%;
+  padding-bottom: 1rem;
+}

templates/404.html

@@ -3,7 +3,7 @@
 {% block content %}
 <picture>
   <source srcset="{{ get_url(path='404.png') }}" media="(prefers-reduced-motion: reduce)"></source> 
-  <img srcset="{{ get_url(path='404.gif') }}" class="full pixels transparent no-hover">
+  <img srcset="{{ get_url(path='404.gif') }}" class="pixels transparent no-hover not-found">
 </picture>
 
 <h1>Page Not Found</h1>