Implemented phase 0 for the POC prototype in the Website service.

Services/Website/Resources/Static/css/not-found.css

@@ -1,43 +1,9 @@
-/* Styles for the not-found (404) error page. */
+/* CCN — not-found page. */
 
-* {
-  line-height: 1.2;
-  margin: 0;
-}
-
-html {
-  color: #888;
-  display: table;
-  font-family: sans-serif;
-  height: 100%;
-  text-align: center;
-  width: 100%;
-}
-
-body {
-  display: table-cell;
-  vertical-align: middle;
-  margin: 2em auto;
-}
-
-h1 {
-  color: #555;
-  font-size: 2em;
-  font-weight: 400;
-}
-
-p {
-  margin: 0 auto;
-  width: 280px;
-}
-
-@media only screen and (max-width: 280px) {
-  body, p {
-    width: 95%;
-  }
-
-  h1 {
-    font-size: 1.5em;
-    margin: 0 0 0.3em;
-  }
+.not-found {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--space-4);
+  padding-top: var(--space-14);
 }