404 style fixes

Author: Stefterv

src/pages/404.js

@@ -3,6 +3,7 @@ import { Helmet } from 'react-helmet';
 import { useIntl } from 'react-intl';
 
 import Layout from '../components/Layout';
+import * as css from '../styles/pages/404.module.css';
 
 const NotFoundPage = () => {
   const intl = useIntl();
@@ -12,8 +13,10 @@ const NotFoundPage = () => {
       <Helmet>
         <title>{intl.formatMessage({ id: 'pageNotFound' })}</title>
       </Helmet>
-      <h1>{intl.formatMessage({ id: 'notFound' })}</h1>
-      <p>{intl.formatMessage({ id: 'notFoundText' })}</p>
+      <div className={css.notfound}>
+        <h1>{intl.formatMessage({ id: 'notFound' })}</h1>
+        <p>{intl.formatMessage({ id: 'notFoundText' })}</p>
+      </div>
     </Layout>
   );
 };

src/styles/pages/404.module.css

@@ -0,0 +1,3 @@
+.notfound {
+  padding: var(--margin);
+}