Add Kawaii to <NoMatch />

src/views/NoMatch.js

@@ -1,15 +1,25 @@
 import React from 'react'
 import Helmet from 'react-helmet'
+import { KawaiiPlanet } from 'react-kawaii'
 import Page from '../components/Page'
 import PageHeader from '../components/PageHeader'
-import { Section, Container } from '../components/common'
+import { Section, Container, Flex } from '../components/common'
+import { color } from '../globalStyles'
 
 export default () => (
   <Page>
     <PageHeader title='404' subtitle='<NoMatch />' />
-    <Section thin>
-      <Container>
-        <h1>404 – Page Not Found ⛈</h1>
+    <Section>
+      <Container taCenter>
+        <Flex justifyCenter>
+          <KawaiiPlanet
+            size={200}
+            mood='sad'
+            color={color.primary}
+            text={`😖`}
+          />
+        </Flex>
+        <h3>404 – Page Not Found</h3>
       </Container>
     </Section>
     <Helmet>