diff --git a/www/LOVELand/error/400.html b/www/LOVELand/error/400.html
index a4167ba..9c4b9db 100644
--- a/www/LOVELand/error/400.html
+++ b/www/LOVELand/error/400.html
@@ -1,61 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-    <title>ERROR 400 - Bad Request!</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="robots" content="noindex" />
-    <style type="text/css"><!--
-    body {
-        color: #444444;
-        background-color: #EEEEEE;
-        font-family: 'Trebuchet MS', sans-serif;
-        font-size: 80%;
-    }
-    h1 {}
-    h2 { font-size: 1.2em; }
-    #page{
-        background-color: #FFFFFF;
-        width: 60%;
-        margin: 24px auto;
-        padding: 12px;
-    }
-    #header {
-        padding: 6px ;
-        text-align: center;
-    }
-    .status3xx { background-color: #475076; color: #FFFFFF; }
-    .status4xx { background-color: #C55042; color: #FFFFFF; }
-    .status5xx { background-color: #F2E81A; color: #000000; }
-    #content {
-        padding: 4px 0 24px 0;
-    }
-    #footer {
-        color: #666666;
-        background: #f9f9f9;
-        padding: 10px 20px;
-        border-top: 5px #efefef solid;
-        font-size: 0.8em;
-        text-align: center;
-    }
-    #footer a {
-        color: #999999;
-    }
-    --></style>
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Oops! something went wrong</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<style>
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100);h1{font-weight:100;text-align:center;font-size:2.3em}body{font-family:Roboto,sans-serif;margin-top:25px;margin-bottom:25px}.container{padding:0 40px 10px;width:274px;background-color:#F7F7F7;margin:0 auto 10px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.3);overflow:hidden}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0 0 0 1em;text-indent:-1em}
+  .error-number {
+    margin: 0 30px;
+    display: inline-block;
+    font-size: 268px;
+    font-weight: bold;
+  }
+  .hex-error {
+    width: 284px;
+  }
+
+  .error-message {
+    font-size: 88px;
+    font-weight: 600;
+    margin-bottom: 100px;
+  }
+  .content {
+    text-align: center;
+  }
+</style>
 </head>
 <body>
-    <div id="page">
-        <div id="header" class="status4xx">
-            <h1>ERROR 400 - Bad Request!</h1>
-        </div>
-        <div id="content">
-            <h2>The following error occurred:</h2>
-            <p>You have used invalid syntax.</p>
-			<P>Please contact the <!--WEBMASTER//-->webmaster<!--WEBMASTER//--> with any queries.</p>
-        </div>
-        <div id="footer">
-            <p>Powered by <a href="https://astroport.com">Astroport</a></p>
-        </div>
-    </div>
-</body>
-</html>
+<div class="content">
+  <div class="error-number">4</div>
+  <img src="/error/0.png" alt="0" class="hex-error">
+  <div class="error-number">0</div>
+  <div class="error-message">Something went wrong...</div>
+  <small>
+    <pre><strong>error</strong>: server_error</pre><pre><strong>error_description</strong>: oops! something went wrong</pre>
+  </small>
+</div>
+
+</body></html>
diff --git a/www/LOVELand/error/401.html b/www/LOVELand/error/401.html
index 8ad0153..62fbe88 100644
--- a/www/LOVELand/error/401.html
+++ b/www/LOVELand/error/401.html
@@ -1,61 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-    <title>ERROR 401 - Unauthorized!</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="robots" content="noindex" />
-    <style type="text/css"><!--
-    body {
-        color: #444444;
-        background-color: #EEEEEE;
-        font-family: 'Trebuchet MS', sans-serif;
-        font-size: 80%;
-    }
-    h1 {}
-    h2 { font-size: 1.2em; }
-    #page{
-        background-color: #FFFFFF;
-        width: 60%;
-        margin: 24px auto;
-        padding: 12px;
-    }
-    #header {
-        padding: 6px ;
-        text-align: center;
-    }
-    .status3xx { background-color: #475076; color: #FFFFFF; }
-    .status4xx { background-color: #C55042; color: #FFFFFF; }
-    .status5xx { background-color: #F2E81A; color: #000000; }
-    #content {
-        padding: 4px 0 24px 0;
-    }
-    #footer {
-        color: #666666;
-        background: #f9f9f9;
-        padding: 10px 20px;
-        border-top: 5px #efefef solid;
-        font-size: 0.8em;
-        text-align: center;
-    }
-    #footer a {
-        color: #999999;
-    }
-    --></style>
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Oops! something went wrong</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<style>
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100);h1{font-weight:100;text-align:center;font-size:2.3em}body{font-family:Roboto,sans-serif;margin-top:25px;margin-bottom:25px}.container{padding:0 40px 10px;width:274px;background-color:#F7F7F7;margin:0 auto 10px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.3);overflow:hidden}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0 0 0 1em;text-indent:-1em}
+  .error-number {
+    margin: 0 30px;
+    display: inline-block;
+    font-size: 268px;
+    font-weight: bold;
+  }
+  .hex-error {
+    width: 284px;
+  }
+
+  .error-message {
+    font-size: 88px;
+    font-weight: 600;
+    margin-bottom: 100px;
+  }
+  .content {
+    text-align: center;
+  }
+</style>
 </head>
 <body>
-    <div id="page">
-        <div id="header" class="status4xx">
-            <h1>ERROR 401 - Unauthorized!</h1>
-        </div>
-        <div id="content">
-            <h2>The following error occurred:</h2>
-            <p>The URL requested requires authorisation.</p>
-			<P>Please contact the <!--WEBMASTER//-->webmaster<!--WEBMASTER//--> with any queries.</p>
-        </div>
-        <div id="footer">
-            <p>Powered by <a href="https://astroport.com">Astroport</a></p>
-        </div>
-    </div>
-</body>
-</html>
+<div class="content">
+  <div class="error-number">4</div>
+  <img src="/error/0.png" alt="0" class="hex-error">
+  <div class="error-number">1</div>
+  <div class="error-message">Something went wrong...</div>
+  <small>
+    <pre><strong>error</strong>: server_error</pre><pre><strong>error_description</strong>: oops! something went wrong</pre>
+  </small>
+</div>
+
+</body></html>
diff --git a/www/LOVELand/error/403.html b/www/LOVELand/error/403.html
index 5009021..e731bc5 100644
--- a/www/LOVELand/error/403.html
+++ b/www/LOVELand/error/403.html
@@ -1,61 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-    <title>ERROR 403 - Forbidden!</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="robots" content="noindex" />
-    <style type="text/css"><!--
-    body {
-        color: #444444;
-        background-color: #EEEEEE;
-        font-family: 'Trebuchet MS', sans-serif;
-        font-size: 80%;
-    }
-    h1 {}
-    h2 { font-size: 1.2em; }
-    #page{
-        background-color: #FFFFFF;
-        width: 60%;
-        margin: 24px auto;
-        padding: 12px;
-    }
-    #header {
-        padding: 6px ;
-        text-align: center;
-    }
-    .status3xx { background-color: #475076; color: #FFFFFF; }
-    .status4xx { background-color: #C55042; color: #FFFFFF; }
-    .status5xx { background-color: #F2E81A; color: #000000; }
-    #content {
-        padding: 4px 0 24px 0;
-    }
-    #footer {
-        color: #666666;
-        background: #f9f9f9;
-        padding: 10px 20px;
-        border-top: 5px #efefef solid;
-        font-size: 0.8em;
-        text-align: center;
-    }
-    #footer a {
-        color: #999999;
-    }
-    --></style>
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Oops! something went wrong</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<style>
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100);h1{font-weight:100;text-align:center;font-size:2.3em}body{font-family:Roboto,sans-serif;margin-top:25px;margin-bottom:25px}.container{padding:0 40px 10px;width:274px;background-color:#F7F7F7;margin:0 auto 10px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.3);overflow:hidden}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0 0 0 1em;text-indent:-1em}
+  .error-number {
+    margin: 0 30px;
+    display: inline-block;
+    font-size: 268px;
+    font-weight: bold;
+  }
+  .hex-error {
+    width: 284px;
+  }
+
+  .error-message {
+    font-size: 88px;
+    font-weight: 600;
+    margin-bottom: 100px;
+  }
+  .content {
+    text-align: center;
+  }
+</style>
 </head>
 <body>
-    <div id="page">
-        <div id="header" class="status4xx">
-            <h1>ERROR 403 - Forbidden!</h1>
-        </div>
-        <div id="content">
-            <h2>The following error occurred:</h2>
-            <p>You are not permitted to access the requested URL.</p>
-			<P>Please contact the <!--WEBMASTER//-->webmaster<!--WEBMASTER//--> with any queries.</p>
-        </div>
-        <div id="footer">
-            <p>Powered by <a href="https://astroport.com">Astroport</a></p>
-        </div>
-    </div>
-</body>
-</html>
+<div class="content">
+  <div class="error-number">4</div>
+  <img src="/error/0.png" alt="0" class="hex-error">
+  <div class="error-number">3</div>
+  <div class="error-message">Something went wrong...</div>
+  <small>
+    <pre><strong>error</strong>: server_error</pre><pre><strong>error_description</strong>: oops! something went wrong</pre>
+  </small>
+</div>
+
+</body></html>
diff --git a/www/LOVELand/error/500.html b/www/LOVELand/error/500.html
index 8e5ec0a..73b3c98 100644
--- a/www/LOVELand/error/500.html
+++ b/www/LOVELand/error/500.html
@@ -1,61 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-    <title>ERROR 500 - Internal Server Error!</title>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="robots" content="noindex" />
-    <style type="text/css"><!--
-    body {
-        color: #444444;
-        background-color: #EEEEEE;
-        font-family: 'Trebuchet MS', sans-serif;
-        font-size: 80%;
-    }
-    h1 {}
-    h2 { font-size: 1.2em; }
-    #page{
-        background-color: #FFFFFF;
-        width: 60%;
-        margin: 24px auto;
-        padding: 12px;
-    }
-    #header {
-        padding: 6px ;
-        text-align: center;
-    }
-    .status3xx { background-color: #475076; color: #FFFFFF; }
-    .status4xx { background-color: #C55042; color: #FFFFFF; }
-    .status5xx { background-color: #F2E81A; color: #000000; }
-    #content {
-        padding: 4px 0 24px 0;
-    }
-    #footer {
-        color: #666666;
-        background: #f9f9f9;
-        padding: 10px 20px;
-        border-top: 5px #efefef solid;
-        font-size: 0.8em;
-        text-align: center;
-    }
-    #footer a {
-        color: #999999;
-    }
-    --></style>
+<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
+<title>Oops! something went wrong</title>
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<style>
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100);h1{font-weight:100;text-align:center;font-size:2.3em}body{font-family:Roboto,sans-serif;margin-top:25px;margin-bottom:25px}.container{padding:0 40px 10px;width:274px;background-color:#F7F7F7;margin:0 auto 10px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.3);overflow:hidden}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0 0 0 1em;text-indent:-1em}
+  .error-number {
+    margin: 0 30px;
+    display: inline-block;
+    font-size: 268px;
+    font-weight: bold;
+  }
+  .hex-error {
+    width: 284px;
+  }
+
+  .error-message {
+    font-size: 88px;
+    font-weight: 600;
+    margin-bottom: 100px;
+  }
+  .content {
+    text-align: center;
+  }
+</style>
 </head>
 <body>
-    <div id="page">
-        <div id="header" class="status5xx">
-            <h1>ERROR 500 - Internal Server Error!</h1>
-        </div>
-        <div id="content">
-            <h2>The following error occurred:</h2>
-            <p>The requested URL caused an internal server error.</p>
-			<P>If you get this message repeatedly please contact the <!--WEBMASTER//-->webmaster<!--WEBMASTER//-->.</p>
-        </div>
-        <div id="footer">
-            <p>Powered by <a href="https://astroport.com">Astroport</a></p>
-        </div>
-    </div>
-</body>
-</html>
+<div class="content">
+  <div class="error-number">5</div>
+  <img src="/error/0.png" alt="0" class="hex-error">
+  <div class="error-number">0</div>
+  <div class="error-message">Something went wrong...</div>
+  <small>
+    <pre><strong>error</strong>: server_error</pre><pre><strong>error_description</strong>: oops! something went wrong</pre>
+  </small>
+</div>
+
+</body></html>
