diff --git a/site/assets/home-foss.xcf b/site/assets/home-foss.xcf
index ba562aa..5b571ce 100644
Binary files a/site/assets/home-foss.xcf and b/site/assets/home-foss.xcf differ
diff --git a/site/src/css/style.css b/site/src/css/style.css
index ebd0ca9..b8551b9 100644
--- a/site/src/css/style.css
+++ b/site/src/css/style.css
@@ -132,4 +132,4 @@ body {
     .inline-elements {
         flex-direction: row;
     }
-}
\ No newline at end of file
+}
diff --git a/static/errors/style.css b/static/errors/style.css
new file mode 100644
index 0000000..a13558a
--- /dev/null
+++ b/static/errors/style.css
@@ -0,0 +1,57 @@
+@import url( 'https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap' );
+@import url( 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200' );
+
+body {
+    height: 100vh;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    font-family: 'Manrope', sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.material-symbols-outlined {
+    font-variation-settings:
+    'FILL' 0,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 48
+}
+
+.content {
+    width: 80%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    min-height: 80vh;
+}
+
+.error {
+    font-size: 5em;
+}
+
+.logo {
+    position: fixed;
+    top: 5px;
+    left: 5px;
+    width: 15vh;
+    height: 15vh;
+}
+
+.button {
+    padding: 20px;
+    background-color: rgb(21, 43, 92);
+    color: white;
+    text-decoration: none;
+    border-radius: 10px;
+    transition: all 0.5s;
+}
+
+.button:hover {
+    border-radius: 5px;
+    background-color: rgb(2, 10, 27);
+}
diff --git a/static/errors/unavailable.html b/static/errors/unavailable.html
new file mode 100644
index 0000000..9d591a9
--- /dev/null
+++ b/static/errors/unavailable.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Service unavailable | janishutz.com</title>
+        <link href="/style.css" rel="stylesheet">
+    </head>
+    <body>
+        <div class="content">
+            <img src="https://static.janishutz.com/logo.jpg" alt="logo" class="logo">
+            <span class="material-symbols-outlined error">error</span>
+            <h1>Service unavailable</h1>
+            <p>The service you are trying to reach is currently unavailable. If the issue persists, please contact me</p>
+            <a href="https://support.janishutz.com/index.php?a=add?category=11" class="button">Contact Support</a>
+        </div>
+    </body>
+</html>
