Basic navigation and styles

data/assets/public/style.css

@@ -0,0 +1,42 @@
+html{font-family:Monospace;background-color:#f1f6f0;color:#222323}
+body{margin:1% 2% ;font-size:20px;font-weight:300;text-align:left}
+a{text-decoration:none}
+h2{text-transform:uppercase}
+h3{margin:0.25em 0 0.25em 0}
+p{margin:0.4em 0 0.4em 0}
+a{color:#6D92AD}
+.main{margin:1em auto;max-width:75%}
+.htmx-indicator{display:none}::placeholder{color:#222323;opacity:1}
+.logo{margin:4% 3% 0 0;font-size:1.2vw;color:#435F5D;text-align:center}
+
+.navContainer {
+  width: 100%;
+  text-align: center;
+}
+
+.mainNav{
+  list-style-type: none;
+  margin: 0 auto;
+  padding: 0;
+  overflow: hidden;
+  box-shadow: 4px 4px 6px #ccc;
+  display: inline-flex;
+}
+
+.mainNav li a {
+  display: block;
+  text-align: center;
+  padding: 0.25em 0.3em;
+  text-transform: lowercase;
+}
+
+.notFound {
+  margin: 0 auto;
+  text-align: center;
+}
+
+.notFound h1 {
+  font-size: 500%;
+  font-weight: 200;
+  color:#6D92AD}
+}