better footer css

src/css/custom.css

@@ -0,0 +1,16 @@
+@import url("observablehq:default.css");
+@import url("observablehq:theme-air.css");
+@import url("observablehq:theme-alt.css");
+@import url("observablehq:theme-wide.css");
+
+#observablehq-main {
+  min-height: calc(100vh - 15rem);
+}
+
+#observablehq-footer {
+  margin: 1rem auto;
+}
+
+#observablehq-footer nav {
+  max-width: none;
+}

src/css/index.css

@@ -1,5 +1,15 @@
 @import url("observablehq:default.css");
 @import url("observablehq:theme-air.css");
+@import url("observablehq:theme-alt.css");
+@import url("observablehq:theme-wide.css");
+
+#observablehq-footer {
+  margin: 1rem auto;
+}
+
+#observablehq-footer nav {
+  max-width: none;
+}
 
 .hero {
   display: flex;

src/css/mapbox.css

@@ -1,5 +1,7 @@
 @import url("observablehq:default.css");
 @import url("observablehq:theme-air.css");
+@import url("observablehq:theme-alt.css");
+@import url("observablehq:theme-wide.css");
 
 #observablehq-main {
   margin: 0 0;

src/css/onemit2018.css

@@ -1,5 +1,15 @@
 @import url("observablehq:default.css");
 @import url("observablehq:theme-air.css");
+@import url("observablehq:theme-alt.css");
+@import url("observablehq:theme-wide.css");
+
+#observablehq-footer {
+  margin: 1rem auto;
+}
+
+#observablehq-footer nav {
+  max-width: none;
+}
 
 .svg-container img {
   position: absolute;

src/design-process.md

@@ -2,6 +2,7 @@
 title: Design Process
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 <style>

src/faq.md

@@ -2,6 +2,7 @@
 title: FAQ & Search Tips
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 # Frequently Asked Questions

src/gathering-names.md

@@ -2,6 +2,7 @@
 title: Gathering the Names
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 ```js

src/inception.md

@@ -2,6 +2,7 @@
 title: One.MIT Inception
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 ```js

src/name-search.md

@@ -2,6 +2,7 @@
 title: Name Search Implementation
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 <div class= "grid grid-cols-2">

src/special-features.md

@@ -2,6 +2,7 @@
 title: Design Notes
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 <div class= "grid grid-cols-2">

src/team.md

@@ -2,6 +2,7 @@
 title: Team
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 <div class= "grid grid-cols-2">

src/wafer-fabrication.md

@@ -2,6 +2,7 @@
 title: Fabricating the Wafer
 toc: false
 theme: [air, alt, wide]
+style: css/custom.css
 ---
 
 <style>