diff --git a/client/src/app/+page-not-found/page-not-found.component.html b/client/src/app/+page-not-found/page-not-found.component.html
index 2934003ab..df3ea6739 100644
--- a/client/src/app/+page-not-found/page-not-found.component.html
+++ b/client/src/app/+page-not-found/page-not-found.component.html
@@ -1,3 +1,7 @@
-
- Sorry, but we couldn't find the page you were looking for.
-
\ No newline at end of file
+
+
![404 mascot](/client/assets/images/mascot/defeated.png)
+
+
+ Sorry, we couldn't find the page you were looking for.
+
+
diff --git a/client/src/app/+page-not-found/page-not-found.component.scss b/client/src/app/+page-not-found/page-not-found.component.scss
index f3f0354a3..7b7ff005a 100644
--- a/client/src/app/+page-not-found/page-not-found.component.scss
+++ b/client/src/app/+page-not-found/page-not-found.component.scss
@@ -1,8 +1,18 @@
-div {
+.root {
height: 100%;
width: 100%;
text-align: center;
padding-top: 150px;
- font-size: 32px;
-}
\ No newline at end of file
+ img {
+ margin-bottom: 75px;
+ }
+
+ .text {
+ font-size: 30px;
+ }
+
+ @media screen and (max-height: 600px) {
+ padding-top: 50px;
+ }
+}
diff --git a/client/src/assets/images/mascot/arguing.png b/client/src/assets/images/mascot/arguing.png
new file mode 100644
index 000000000..154c45c2c
Binary files /dev/null and b/client/src/assets/images/mascot/arguing.png differ
diff --git a/client/src/assets/images/mascot/default.png b/client/src/assets/images/mascot/default.png
new file mode 100644
index 000000000..e0a1410b7
Binary files /dev/null and b/client/src/assets/images/mascot/default.png differ
diff --git a/client/src/assets/images/mascot/defeated.png b/client/src/assets/images/mascot/defeated.png
new file mode 100644
index 000000000..58e1ce10a
Binary files /dev/null and b/client/src/assets/images/mascot/defeated.png differ
diff --git a/client/src/assets/images/mascot/happy.png b/client/src/assets/images/mascot/happy.png
new file mode 100644
index 000000000..a51f9df14
Binary files /dev/null and b/client/src/assets/images/mascot/happy.png differ
diff --git a/client/src/assets/images/mascot/oh.png b/client/src/assets/images/mascot/oh.png
new file mode 100644
index 000000000..168b11b65
Binary files /dev/null and b/client/src/assets/images/mascot/oh.png differ
diff --git a/client/src/assets/images/mascot/pointing.png b/client/src/assets/images/mascot/pointing.png
new file mode 100644
index 000000000..670702f53
Binary files /dev/null and b/client/src/assets/images/mascot/pointing.png differ