From ebaf3877805b5529099753bce5ae49172eacdb0a Mon Sep 17 00:00:00 2001
From: tarampampam <tarampampam@users.noreply.github.com>
Date: Wed, 23 Feb 2022 06:34:29 +0000
Subject: [PATCH] deploy: 1d41cf190be56a37e02e1275faeb6fec1bfb1b83

---
 index.html             |  23 +++
 l7-light/400.html      |   4 +-
 l7-light/401.html      |   4 +-
 l7-light/403.html      |   4 +-
 l7-light/404.html      |   4 +-
 l7-light/405.html      |   4 +-
 l7-light/407.html      |   4 +-
 l7-light/408.html      |   4 +-
 l7-light/409.html      |   4 +-
 l7-light/410.html      |   4 +-
 l7-light/411.html      |   4 +-
 l7-light/412.html      |   4 +-
 l7-light/413.html      |   4 +-
 l7-light/416.html      |   4 +-
 l7-light/418.html      |   4 +-
 l7-light/429.html      |   4 +-
 l7-light/500.html      |   4 +-
 l7-light/502.html      |   4 +-
 l7-light/503.html      |   4 +-
 l7-light/504.html      |   4 +-
 l7-light/505.html      |   4 +-
 lost-in-space/400.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/401.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/403.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/404.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/405.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/407.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/408.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/409.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/410.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/411.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/412.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/413.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/416.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/418.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/429.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/500.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/502.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/503.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/504.html | 358 +++++++++++++++++++++++++++++++++++++++++
 lost-in-space/505.html | 358 +++++++++++++++++++++++++++++++++++++++++
 41 files changed, 7243 insertions(+), 20 deletions(-)
 create mode 100644 lost-in-space/400.html
 create mode 100644 lost-in-space/401.html
 create mode 100644 lost-in-space/403.html
 create mode 100644 lost-in-space/404.html
 create mode 100644 lost-in-space/405.html
 create mode 100644 lost-in-space/407.html
 create mode 100644 lost-in-space/408.html
 create mode 100644 lost-in-space/409.html
 create mode 100644 lost-in-space/410.html
 create mode 100644 lost-in-space/411.html
 create mode 100644 lost-in-space/412.html
 create mode 100644 lost-in-space/413.html
 create mode 100644 lost-in-space/416.html
 create mode 100644 lost-in-space/418.html
 create mode 100644 lost-in-space/429.html
 create mode 100644 lost-in-space/500.html
 create mode 100644 lost-in-space/502.html
 create mode 100644 lost-in-space/503.html
 create mode 100644 lost-in-space/504.html
 create mode 100644 lost-in-space/505.html

diff --git a/index.html b/index.html
index 9143d49..4db30e6 100644
--- a/index.html
+++ b/index.html
@@ -129,6 +129,29 @@
             <li><a href="l7-light/504.html"><strong>504</strong>: Gateway Timeout</a></li>
             <li><a href="l7-light/505.html"><strong>505</strong>: HTTP Version Not Supported</a></li>
             </ul>
+        <h2 class="mb-3">Template name: <Code>lost-in-space</Code></h2>
+        <ul class="mb-5">
+            <li><a href="lost-in-space/400.html"><strong>400</strong>: Bad Request</a></li>
+            <li><a href="lost-in-space/401.html"><strong>401</strong>: Unauthorized</a></li>
+            <li><a href="lost-in-space/403.html"><strong>403</strong>: Forbidden</a></li>
+            <li><a href="lost-in-space/404.html"><strong>404</strong>: Not Found</a></li>
+            <li><a href="lost-in-space/405.html"><strong>405</strong>: Method Not Allowed</a></li>
+            <li><a href="lost-in-space/407.html"><strong>407</strong>: Proxy Authentication Required</a></li>
+            <li><a href="lost-in-space/408.html"><strong>408</strong>: Request Timeout</a></li>
+            <li><a href="lost-in-space/409.html"><strong>409</strong>: Conflict</a></li>
+            <li><a href="lost-in-space/410.html"><strong>410</strong>: Gone</a></li>
+            <li><a href="lost-in-space/411.html"><strong>411</strong>: Length Required</a></li>
+            <li><a href="lost-in-space/412.html"><strong>412</strong>: Precondition Failed</a></li>
+            <li><a href="lost-in-space/413.html"><strong>413</strong>: Payload Too Large</a></li>
+            <li><a href="lost-in-space/416.html"><strong>416</strong>: Requested Range Not Satisfiable</a></li>
+            <li><a href="lost-in-space/418.html"><strong>418</strong>: I'm a teapot</a></li>
+            <li><a href="lost-in-space/429.html"><strong>429</strong>: Too Many Requests</a></li>
+            <li><a href="lost-in-space/500.html"><strong>500</strong>: Internal Server Error</a></li>
+            <li><a href="lost-in-space/502.html"><strong>502</strong>: Bad Gateway</a></li>
+            <li><a href="lost-in-space/503.html"><strong>503</strong>: Service Unavailable</a></li>
+            <li><a href="lost-in-space/504.html"><strong>504</strong>: Gateway Timeout</a></li>
+            <li><a href="lost-in-space/505.html"><strong>505</strong>: HTTP Version Not Supported</a></li>
+            </ul>
         <h2 class="mb-3">Template name: <Code>noise</Code></h2>
         <ul class="mb-5">
             <li><a href="noise/400.html"><strong>400</strong>: Bad Request</a></li>
diff --git a/l7-light/400.html b/l7-light/400.html
index 32041bf..6400866 100644
--- a/l7-light/400.html
+++ b/l7-light/400.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/401.html b/l7-light/401.html
index c483dc2..e5f537f 100644
--- a/l7-light/401.html
+++ b/l7-light/401.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/403.html b/l7-light/403.html
index af1521a..4b4f389 100644
--- a/l7-light/403.html
+++ b/l7-light/403.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/404.html b/l7-light/404.html
index 0ce7577..be429b9 100644
--- a/l7-light/404.html
+++ b/l7-light/404.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/405.html b/l7-light/405.html
index c35d824..bcaea0f 100644
--- a/l7-light/405.html
+++ b/l7-light/405.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/407.html b/l7-light/407.html
index e98ffd3..7226247 100644
--- a/l7-light/407.html
+++ b/l7-light/407.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/408.html b/l7-light/408.html
index 89b23ae..7200e22 100644
--- a/l7-light/408.html
+++ b/l7-light/408.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/409.html b/l7-light/409.html
index 25e7032..4173f11 100644
--- a/l7-light/409.html
+++ b/l7-light/409.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/410.html b/l7-light/410.html
index bbe5183..80b1655 100644
--- a/l7-light/410.html
+++ b/l7-light/410.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/411.html b/l7-light/411.html
index 7673c28..48bbb86 100644
--- a/l7-light/411.html
+++ b/l7-light/411.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/412.html b/l7-light/412.html
index 5333686..f6135df 100644
--- a/l7-light/412.html
+++ b/l7-light/412.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/413.html b/l7-light/413.html
index 241f7d2..9656a29 100644
--- a/l7-light/413.html
+++ b/l7-light/413.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/416.html b/l7-light/416.html
index fa77f9f..0c5431e 100644
--- a/l7-light/416.html
+++ b/l7-light/416.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/418.html b/l7-light/418.html
index acc70d9..2bc8a85 100644
--- a/l7-light/418.html
+++ b/l7-light/418.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/429.html b/l7-light/429.html
index ee77c9a..6efed33 100644
--- a/l7-light/429.html
+++ b/l7-light/429.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/500.html b/l7-light/500.html
index a9070ab..8a4f6f3 100644
--- a/l7-light/500.html
+++ b/l7-light/500.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/502.html b/l7-light/502.html
index d88b12e..273890c 100644
--- a/l7-light/502.html
+++ b/l7-light/502.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/503.html b/l7-light/503.html
index 8f6064a..2388ba5 100644
--- a/l7-light/503.html
+++ b/l7-light/503.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/504.html b/l7-light/504.html
index 48cf8be..cc46811 100644
--- a/l7-light/504.html
+++ b/l7-light/504.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/l7-light/505.html b/l7-light/505.html
index 839e32d..30eb2da 100644
--- a/l7-light/505.html
+++ b/l7-light/505.html
@@ -12,7 +12,9 @@
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <style>
-        html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
+        :root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
+        @media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
+        html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
         .full-height {height:100vh}
         .flex-center {align-items:center;display:flex;justify-content:center}
         .position-ref {position:relative}
diff --git a/lost-in-space/400.html b/lost-in-space/400.html
new file mode 100644
index 0000000..702eaad
--- /dev/null
+++ b/lost-in-space/400.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 400: Bad Request
+    Description: The server did not understand the request
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Bad Request</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>400</h1>
+        <h2>UH OH! Bad Request</h2>
+        <p>The server did not understand the request</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 400: Bad Request
+    Description: The server did not understand the request
+-->
+</html>
diff --git a/lost-in-space/401.html b/lost-in-space/401.html
new file mode 100644
index 0000000..912b8e3
--- /dev/null
+++ b/lost-in-space/401.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 401: Unauthorized
+    Description: The requested page needs a username and a password
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Unauthorized</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>401</h1>
+        <h2>UH OH! Unauthorized</h2>
+        <p>The requested page needs a username and a password</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 401: Unauthorized
+    Description: The requested page needs a username and a password
+-->
+</html>
diff --git a/lost-in-space/403.html b/lost-in-space/403.html
new file mode 100644
index 0000000..966a73f
--- /dev/null
+++ b/lost-in-space/403.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 403: Forbidden
+    Description: Access is forbidden to the requested page
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Forbidden</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>403</h1>
+        <h2>UH OH! Forbidden</h2>
+        <p>Access is forbidden to the requested page</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 403: Forbidden
+    Description: Access is forbidden to the requested page
+-->
+</html>
diff --git a/lost-in-space/404.html b/lost-in-space/404.html
new file mode 100644
index 0000000..5cf3758
--- /dev/null
+++ b/lost-in-space/404.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 404: Not Found
+    Description: The server can not find the requested page
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Not Found</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>404</h1>
+        <h2>UH OH! Not Found</h2>
+        <p>The server can not find the requested page</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 404: Not Found
+    Description: The server can not find the requested page
+-->
+</html>
diff --git a/lost-in-space/405.html b/lost-in-space/405.html
new file mode 100644
index 0000000..4a03d90
--- /dev/null
+++ b/lost-in-space/405.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 405: Method Not Allowed
+    Description: The method specified in the request is not allowed
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Method Not Allowed</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>405</h1>
+        <h2>UH OH! Method Not Allowed</h2>
+        <p>The method specified in the request is not allowed</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 405: Method Not Allowed
+    Description: The method specified in the request is not allowed
+-->
+</html>
diff --git a/lost-in-space/407.html b/lost-in-space/407.html
new file mode 100644
index 0000000..4603368
--- /dev/null
+++ b/lost-in-space/407.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 407: Proxy Authentication Required
+    Description: You must authenticate with a proxy server before this request can be served
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Proxy Authentication Required</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>407</h1>
+        <h2>UH OH! Proxy Authentication Required</h2>
+        <p>You must authenticate with a proxy server before this request can be served</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 407: Proxy Authentication Required
+    Description: You must authenticate with a proxy server before this request can be served
+-->
+</html>
diff --git a/lost-in-space/408.html b/lost-in-space/408.html
new file mode 100644
index 0000000..4335c43
--- /dev/null
+++ b/lost-in-space/408.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 408: Request Timeout
+    Description: The request took longer than the server was prepared to wait
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Request Timeout</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>408</h1>
+        <h2>UH OH! Request Timeout</h2>
+        <p>The request took longer than the server was prepared to wait</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 408: Request Timeout
+    Description: The request took longer than the server was prepared to wait
+-->
+</html>
diff --git a/lost-in-space/409.html b/lost-in-space/409.html
new file mode 100644
index 0000000..ab1dd74
--- /dev/null
+++ b/lost-in-space/409.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 409: Conflict
+    Description: The request could not be completed because of a conflict
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Conflict</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>409</h1>
+        <h2>UH OH! Conflict</h2>
+        <p>The request could not be completed because of a conflict</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 409: Conflict
+    Description: The request could not be completed because of a conflict
+-->
+</html>
diff --git a/lost-in-space/410.html b/lost-in-space/410.html
new file mode 100644
index 0000000..9e5efd9
--- /dev/null
+++ b/lost-in-space/410.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 410: Gone
+    Description: The requested page is no longer available
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Gone</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>410</h1>
+        <h2>UH OH! Gone</h2>
+        <p>The requested page is no longer available</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 410: Gone
+    Description: The requested page is no longer available
+-->
+</html>
diff --git a/lost-in-space/411.html b/lost-in-space/411.html
new file mode 100644
index 0000000..544e3bd
--- /dev/null
+++ b/lost-in-space/411.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 411: Length Required
+    Description: The "Content-Length" is not defined. The server will not accept the request without it
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Length Required</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>411</h1>
+        <h2>UH OH! Length Required</h2>
+        <p>The "Content-Length" is not defined. The server will not accept the request without it</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 411: Length Required
+    Description: The "Content-Length" is not defined. The server will not accept the request without it
+-->
+</html>
diff --git a/lost-in-space/412.html b/lost-in-space/412.html
new file mode 100644
index 0000000..6d8e1bd
--- /dev/null
+++ b/lost-in-space/412.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 412: Precondition Failed
+    Description: The pre condition given in the request evaluated to false by the server
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Precondition Failed</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>412</h1>
+        <h2>UH OH! Precondition Failed</h2>
+        <p>The pre condition given in the request evaluated to false by the server</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 412: Precondition Failed
+    Description: The pre condition given in the request evaluated to false by the server
+-->
+</html>
diff --git a/lost-in-space/413.html b/lost-in-space/413.html
new file mode 100644
index 0000000..89bc3ca
--- /dev/null
+++ b/lost-in-space/413.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 413: Payload Too Large
+    Description: The server will not accept the request, because the request entity is too large
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Payload Too Large</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>413</h1>
+        <h2>UH OH! Payload Too Large</h2>
+        <p>The server will not accept the request, because the request entity is too large</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 413: Payload Too Large
+    Description: The server will not accept the request, because the request entity is too large
+-->
+</html>
diff --git a/lost-in-space/416.html b/lost-in-space/416.html
new file mode 100644
index 0000000..c8d8d51
--- /dev/null
+++ b/lost-in-space/416.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 416: Requested Range Not Satisfiable
+    Description: The requested byte range is not available and is out of bounds
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Requested Range Not Satisfiable</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>416</h1>
+        <h2>UH OH! Requested Range Not Satisfiable</h2>
+        <p>The requested byte range is not available and is out of bounds</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 416: Requested Range Not Satisfiable
+    Description: The requested byte range is not available and is out of bounds
+-->
+</html>
diff --git a/lost-in-space/418.html b/lost-in-space/418.html
new file mode 100644
index 0000000..423fe62
--- /dev/null
+++ b/lost-in-space/418.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 418: I'm a teapot
+    Description: Attempt to brew coffee with a teapot is not supported
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>I'm a teapot</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>418</h1>
+        <h2>UH OH! I'm a teapot</h2>
+        <p>Attempt to brew coffee with a teapot is not supported</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 418: I'm a teapot
+    Description: Attempt to brew coffee with a teapot is not supported
+-->
+</html>
diff --git a/lost-in-space/429.html b/lost-in-space/429.html
new file mode 100644
index 0000000..96f5474
--- /dev/null
+++ b/lost-in-space/429.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 429: Too Many Requests
+    Description: Too many requests in a given amount of time
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Too Many Requests</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>429</h1>
+        <h2>UH OH! Too Many Requests</h2>
+        <p>Too many requests in a given amount of time</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 429: Too Many Requests
+    Description: Too many requests in a given amount of time
+-->
+</html>
diff --git a/lost-in-space/500.html b/lost-in-space/500.html
new file mode 100644
index 0000000..a5d723d
--- /dev/null
+++ b/lost-in-space/500.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 500: Internal Server Error
+    Description: The server met an unexpected condition
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Internal Server Error</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>500</h1>
+        <h2>UH OH! Internal Server Error</h2>
+        <p>The server met an unexpected condition</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 500: Internal Server Error
+    Description: The server met an unexpected condition
+-->
+</html>
diff --git a/lost-in-space/502.html b/lost-in-space/502.html
new file mode 100644
index 0000000..d372b81
--- /dev/null
+++ b/lost-in-space/502.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 502: Bad Gateway
+    Description: The server received an invalid response from the upstream server
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Bad Gateway</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>502</h1>
+        <h2>UH OH! Bad Gateway</h2>
+        <p>The server received an invalid response from the upstream server</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 502: Bad Gateway
+    Description: The server received an invalid response from the upstream server
+-->
+</html>
diff --git a/lost-in-space/503.html b/lost-in-space/503.html
new file mode 100644
index 0000000..1ec65ce
--- /dev/null
+++ b/lost-in-space/503.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 503: Service Unavailable
+    Description: The server is temporarily overloading or down
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Service Unavailable</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>503</h1>
+        <h2>UH OH! Service Unavailable</h2>
+        <p>The server is temporarily overloading or down</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 503: Service Unavailable
+    Description: The server is temporarily overloading or down
+-->
+</html>
diff --git a/lost-in-space/504.html b/lost-in-space/504.html
new file mode 100644
index 0000000..4252342
--- /dev/null
+++ b/lost-in-space/504.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 504: Gateway Timeout
+    Description: The gateway has timed out
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>Gateway Timeout</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>504</h1>
+        <h2>UH OH! Gateway Timeout</h2>
+        <p>The gateway has timed out</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 504: Gateway Timeout
+    Description: The gateway has timed out
+-->
+</html>
diff --git a/lost-in-space/505.html b/lost-in-space/505.html
new file mode 100644
index 0000000..04607d8
--- /dev/null
+++ b/lost-in-space/505.html
@@ -0,0 +1,358 @@
+<!DOCTYPE html>
+<!--
+    Error 505: HTTP Version Not Supported
+    Description: The server does not support the "http protocol" version
+-->
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow"/>
+    <title>HTTP Version Not Supported</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
+    <style>
+        /** Codepen: https://codepen.io/kdbkapsere/pen/oNXLbqQ */
+
+        :root {
+            --color-bg-primary: #fff;
+            --color-text-primary: #0e0620;
+
+            --color-ui-bg-primary: #0e0620;
+            --color-ui-bg-inverted: #fff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --color-bg-primary: #212121;
+                --color-text-primary: #fafafa;
+
+                --color-ui-bg-primary: #fafafa;
+                --color-ui-bg-inverted: #212121;
+            }
+        }
+
+        html,
+        body {
+            height: 100%;
+            background-color: var(--color-bg-primary);
+            color: var(--color-text-primary);
+            font-family: 'Nunito Sans', sans-serif;
+            margin: 0;
+            padding: 0;
+            font-size: 0;
+        }
+
+        body {
+            align-items: center;
+            display: flex;
+            justify-content: center;
+            height: 100vh;
+        }
+
+        main {
+            width: 100%;
+            max-width: 1140px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        .picture, .content {
+            box-sizing: border-box;
+            width: 50%;
+        }
+
+        .content {
+            padding: 0 40px;
+        }
+
+        svg .dark {
+            stroke: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-dark {
+            fill: var(--color-ui-bg-primary);
+        }
+
+        svg .fill-light {
+            fill: var(--color-ui-bg-inverted);
+        }
+
+        h1 {
+            font-size: 150px;
+            margin: 15px 0;
+            font-weight: bold;
+        }
+
+        h2 {
+            font-size: 32px;
+            font-weight: bold;
+        }
+
+        p {
+            font-size: 16px;
+        }
+
+        /*  */
+
+        @media screen and (max-width: 768px) {
+            main {
+                display: block;
+            }
+
+            .picture, .content {
+                width: 100%;
+                text-align: center;
+            }
+
+            .content {
+                padding: 0 20px;
+            }
+
+            .picture svg {
+                max-width: 60%;
+            }
+        }
+    </style>
+</head>
+<body>
+
+<main>
+    <div class="picture">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
+            <g>
+                <defs>
+                    <clipPath id="GlassClip">
+                        <path
+                            d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5 s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13 c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                    </clipPath>
+                    <clipPath id="cordClip">
+                        <rect width="800" height="600"/>
+                    </clipPath>
+                </defs>
+                <g id="planet">
+                    <circle fill="none" stroke-width="3" stroke-miterlimit="10" cx="572.859" cy="108.803"
+                            r="90.788" class="dark" />
+                    <circle id="craterBig" fill="none" stroke-width="3" stroke-miterlimit="10" cx="548.891"
+                            cy="62.319" r="13.074" class="dark"/>
+                    <circle id="craterSmall" fill="none" stroke-width="3" stroke-miterlimit="10" cx="591.743"
+                            cy="158.918" r="7.989" class="dark"/>
+                    <path id="ring" fill="none" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10"
+                          class="dark"
+                          d="M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408c0-3.378-15.347-4.988-40.243-7.225"/>
+                    <path id="ringShadow" opacity="0.5" fill="none" class="dark" stroke-width="3"
+                          stroke-linecap="round" stroke-miterlimit="10"
+                          d="M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"/>
+                </g>
+                <g id="stars">
+                    <g id="starsBig">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="518.07" y1="245.375" x2="518.07" y2="266.581"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="508.129" y1="255.978" x2="528.01" y2="255.978"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="154.55" y1="231.391" x2="154.55" y2="252.598"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="144.609" y1="241.995" x2="164.49" y2="241.995"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="320.135" y1="132.746" x2="320.135" y2="153.952"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="310.194" y1="143.349" x2="330.075" y2="143.349"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="200.67" y1="483.11" x2="200.67" y2="504.316"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="210.611" y1="493.713" x2="190.73" y2="493.713"/>
+                        </g>
+                    </g>
+                    <g id="starsSmall">
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="432.173" y1="380.52" x2="432.173" y2="391.83"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="426.871" y1="386.175" x2="437.474" y2="386.175"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="489.555" y1="299.765" x2="489.555" y2="308.124"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="485.636" y1="303.945" x2="493.473" y2="303.945"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="231.468" y1="291.009" x2="231.468" y2="299.369"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="227.55" y1="295.189" x2="235.387" y2="295.189"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="244.032" y1="547.539" x2="244.032" y2="555.898"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="247.95" y1="551.719" x2="240.113" y2="551.719"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="186.359" y1="406.967" x2="186.359" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="190.277" y1="411.146" x2="182.44" y2="411.146"/>
+                        </g>
+                        <g>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="480.296" y1="406.967" x2="480.296" y2="415.326"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-miterlimit="10" x1="484.215" y1="411.146" x2="476.378" y2="411.146"/>
+                        </g>
+                    </g>
+                    <g id="circlesBig">
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="588.977" cy="255.978" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="450.066" cy="320.259" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="168.303" cy="353.753" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="429.522" cy="201.185" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="200.67" cy="176.313" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="133.343" cy="477.014" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="283.521" cy="568.033" r="7.952"/>
+                        <circle fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                stroke-miterlimit="10" cx="413.618" cy="482.387" r="7.952"/>
+                    </g>
+                    <g id="circlesSmall">
+                        <circle class="fill-dark" cx="549.879" cy="296.402" r="2.651"/>
+                        <circle class="fill-dark" cx="253.29" cy="229.24" r="2.651"/>
+                        <circle class="fill-dark" cx="434.824" cy="263.931" r="2.651"/>
+                        <circle class="fill-dark" cx="183.708" cy="544.176" r="2.651"/>
+                        <circle class="fill-dark" cx="382.515" cy="530.923" r="2.651"/>
+                        <circle class="fill-dark" cx="130.693" cy="305.608" r="2.651"/>
+                        <circle class="fill-dark" cx="480.296" cy="477.014" r="2.651"/>
+                    </g>
+                </g>
+                <g id="spaceman" clip-path="url(cordClip)">
+                    <path id="cord" fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"/>
+                    <path id="backpack" class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                          stroke-linejoin="round" stroke-miterlimit="10"
+                          d="M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537C360.647,451.083,349.251,457.661,338.164,454.689z"/>
+                    <g id="antenna">
+                        <line class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10" x1="323.396" y1="236.625"
+                              x2="295.285" y2="353.753"/>
+                        <circle class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                stroke-linejoin="round" stroke-miterlimit="10" cx="323.666" cy="235.617"
+                                r="6.375"/>
+                    </g>
+                    <g id="armR">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046C375.625,437.355,383.087,437.973,388.762,434.677z"/>
+                    </g>
+                    <g id="armL">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59C252.013,404.214,245.243,401.017,241.978,395.324z"/>
+                    </g>
+                    <g id="body">
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"/>
+                        <path fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"/>
+                    </g>
+                    <g id="legs">
+                        <g id="legR">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534C333.451,455.886,323.526,457.387,312.957,456.734z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="304.883" y1="486.849"
+                                  x2="330.487" y2="493.713"/>
+                        </g>
+                        <g id="legL">
+                            <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10"
+                                  d="M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534C278.993,441.286,286.836,447.55,296.315,452.273z"/>
+                            <line fill="none" class="dark" stroke-width="3" stroke-linecap="round"
+                                  stroke-linejoin="round" stroke-miterlimit="10" x1="262.638" y1="475.522"
+                                  x2="288.241" y2="482.387"/>
+                        </g>
+                    </g>
+                    <g id="head">
+                        <ellipse transform="matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)"
+                                 class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                                 stroke-linejoin="round" stroke-miterlimit="10" cx="341.295" cy="315.211"
+                                 rx="61.961" ry="60.305"/>
+                        <path id="headStripe" fill="none" class="dark" stroke-width="3"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"/>
+                        <path class="dark fill-light" stroke-width="3" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-miterlimit="10"
+                              d="M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"/>
+                        <g clip-path="url(#GlassClip)">
+                            <polygon id="glassShine" fill="none" class="dark" stroke-width="3"
+                                     stroke-miterlimit="10"
+                                     points="278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 "/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </svg>
+    </div>
+    <div class="content">
+        <h1>505</h1>
+        <h2>UH OH! HTTP Version Not Supported</h2>
+        <p>The server does not support the "http protocol" version</p>
+
+        
+    </div>
+</main>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"
+        integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+<script>
+    /** @var {object} gsap is a library for building high-performance animations */
+
+    if (typeof gsap === 'object') {
+        gsap.set("svg", {visibility: "visible"});
+        gsap.to("#headStripe", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#spaceman", {y: 0.5, rotation: 1, yoyo: true, repeat: -1, ease: "sine.inOut", duration: 1});
+        gsap.to("#craterSmall", {x: -3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#craterBig", {x: 3, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut"});
+        gsap.to("#planet", {rotation: -2, yoyo: true, repeat: -1, duration: 1, ease: "sine.inOut", transformOrigin: "50% 50%"});
+        gsap.to("#starsBig g", {rotation: "random(-30,30)", transformOrigin: "50% 50%", yoyo: true, repeat: -1, ease: "sine.inOut"});
+        gsap.fromTo("#starsSmall g", {scale: 0, transformOrigin: "50% 50%"}, {scale: 1, transformOrigin: "50% 50%", yoyo: true, repeat: -1, stagger: 0.1});
+        gsap.to("#circlesSmall circle", {y: -4, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.to("#circlesBig circle", {y: -2, yoyo: true, duration: 1, ease: "sine.inOut", repeat: -1});
+        gsap.set("#glassShine", {x: -68});
+        gsap.to("#glassShine", {x: 80, duration: 2, rotation: -30, ease: "expo.inOut", transformOrigin: "50% 50%", repeat: -1, repeatDelay: 8, delay: 2});
+    } else {
+        console.warn('gsap library is not initialized (network error?)')
+    }
+</script>
+
+</body>
+<!--
+    Error 505: HTTP Version Not Supported
+    Description: The server does not support the "http protocol" version
+-->
+</html>