conflict resolved

assets/not-found.js

@@ -0,0 +1,10 @@
+// import './bootstrap.js';
+/*
+ * Welcome to your app's main JavaScript file!
+ *
+ * This file will be included onto the page via the importmap() Twig function,
+ * which should already be in your base.html.twig.
+ */
+import './styles/not-found.css';
+
+console.log('This log comes from assets/notfound.js - welcome to AssetMapper! 🎉');

assets/styles/not-found.css

@@ -0,0 +1,88 @@
+@import url('https://fonts.googleapis.com/css?family=VT323');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    --light-grey: #e0e2f4;
+    --grey: #aaaaaa;
+    --blue: #0414a7;
+    --base-font-size: 20px;
+    --font-stack: 'VT323', monospace;
+}
+
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+a {
+    color: var(--light-grey);
+}
+
+body,
+p {
+    font: normal var(--base-font-size)/1.25rem var(--font-stack);
+}
+
+h1 {
+    font: normal 2.75rem/1.05em var(--font-stack);
+}
+
+h2 {
+    font: normal 2.25rem/1.25em var(--font-stack);
+}
+
+h3 {
+    font: lighter 1.5rem/1.25em var(--font-stack);
+}
+
+h4 {
+    font: lighter 1.125rem/1.2222222em var(--font-stack);
+}
+
+body {
+    background: var(--blue);
+}
+
+.container {
+    width: 90%;
+    margin: auto;
+    max-width: 640px;
+}
+
+.bsod {
+    padding-top: 10%;
+}
+
+.bsod .neg {
+    text-align: center;
+    color: var(--blue);
+}
+
+.bsod .neg .bg {
+    background: var(--grey);
+    padding: 0 15px 2px 13px;
+}
+
+.bsod .title {
+    margin-bottom: 50px;
+}
+
+.bsod .nav {
+    margin-top: 35px;
+    text-align: center;
+}
+
+.bsod .nav .link {
+    text-decoration: none;
+    padding: 0 9px 2px 8px;
+}
+
+.bsod .nav .link:hover,
+.bsod .nav .link:focus {
+    background: var(--grey);
+    color: var(--blue);
+}