diff --git a/assets/css/common/404.css b/assets/css/common/404.css
new file mode 100644
index 0000000..9579835
--- /dev/null
+++ b/assets/css/common/404.css
@@ -0,0 +1,13 @@
+.not-found {
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.not-found-text {
+    font-size: 50px;
+    font-weight: 700;
+}
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..23d7d82
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,11 @@
+{{- define "main" }}
+
+<div class="not-found">
+    <iframe src="https://giphy.com/embed/xTiIzJSKB4l7xTouE8" width="480" height="208" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
+</div>
+
+<div class="not-found">
+    <h1 class="not-found-text">404</h1>
+</div>
+
+{{- end }}{{/* end main */ -}}