From fd719fac28f991f90e96448619318b14df2c4c48 Mon Sep 17 00:00:00 2001
From: Robbie Jaeger <jaeger.rob@gmail.com>
Date: Sat, 12 Jan 2019 10:25:55 -0700
Subject: [PATCH] Add sass and markup for 404 page

---
 404.html                | 9 ++++++---
 _sass/404.scss          | 8 ++++++++
 stylesheets/styles.scss | 3 ++-
 3 files changed, 16 insertions(+), 4 deletions(-)
 create mode 100644 _sass/404.scss

diff --git a/404.html b/404.html
index 66d302207..e09dc7bd7 100644
--- a/404.html
+++ b/404.html
@@ -1,8 +1,11 @@
 ---
+layout: page
 permalink: /404.html
 ---
 
-<h1>404</h1>
+<section class="four-oh-four">
+	<h2>404</h2>
 
-<h2>It's Been a Long Day in the Basement</h2>
-<h3></h3>
+	<p>The page you're looking for isn't here.</p>
+	<p>It's ok. It's been a long day in the basement.</p>
+</section>
diff --git a/_sass/404.scss b/_sass/404.scss
new file mode 100644
index 000000000..b40816411
--- /dev/null
+++ b/_sass/404.scss
@@ -0,0 +1,8 @@
+.four-oh-four {
+	text-align: center;
+
+	img {
+		height: 150px;
+		width: 150px;
+	}
+}
\ No newline at end of file
diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss
index 5535763fd..e6d7ca190 100644
--- a/stylesheets/styles.scss
+++ b/stylesheets/styles.scss
@@ -15,4 +15,5 @@
 @import 'search';
 @import 'print';
 @import 'cards';
-@import 'buttons';
\ No newline at end of file
+@import 'buttons';
+@import '404';
\ No newline at end of file