From 93fa9dbfbc60b4f868ca8b32628221d662dbfb9a Mon Sep 17 00:00:00 2001
From: Eric Jinks <ericjinks@gmail.com>
Date: Thu, 2 Nov 2017 08:29:11 +1000
Subject: [PATCH] Add Kawaii to <NoMatch />

---
 src/views/NoMatch.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/views/NoMatch.js b/src/views/NoMatch.js
index 606eb8e..395788b 100644
--- a/src/views/NoMatch.js
+++ b/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>