replace idler and accidentally fix foreground

src/static/css/App.css

@@ -52,12 +52,32 @@ body {
   cursor: pointer;
 }
 
-#defaultCanvas0 {
+/* #defaultCanvas0 {
   position: fixed;
   top: 0;
   left: 0;
   position: fixed;
   z-index: -69;
+} */
+
+#map {
+  height: 100%;
+  width: 100vw;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -69;
+}
+
+.leaflet-layer,
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out,
+.leaflet-control-attribution {
+  filter: brightness(500%) contrast(130%);
+}
+
+.leaflet-tile-pane {
+  filter: brightness(50%);
 }
 
 h1, h2 {
@@ -192,29 +212,35 @@ a {
 }
 
 .foreground {
-  position: relative;
+  position: fixed;
+  top: 0;
+  left: 0;
+  min-width: 100vw;
+  min-height: 100vh;
+  overflow: hidden;
+  background-color: rgb(24, 24, 24, .85);
+  z-index: -1;
+}
+
+.foregroundContent {
   padding-top: 6rem;
   padding-left: 8rem;
   max-width: calc(100%-8rem);
-  min-height: calc(100vh - 8rem);
-  background-color: rgb(24, 24, 24, .85);
   padding-bottom: 1rem;
-  overflow: hidden;
-  transition: .4s;
 }
 
-.foreground p {
+.foregroundContent p {
   line-height: 1.5em;
   max-width: min(90%, 40rem);
 }
 
 .homeground {
-  position: relative;
-  padding-top: 7rem;
-  min-height: calc(100vh - 8rem);
-  padding-bottom: 1rem;
-  overflow: hidden;
-  transition: .4s;
+  background-color: rgb(0, 0, 0, .6);
+}
+
+.homegroundContent {
+  padding-top: 7em;
+  padding-left: 0em;
 }
 
 .noBackground {
@@ -835,26 +861,16 @@ a {
     background-size: auto 100%;
   }
 
-  .foreground {
-    max-width: 100%;
-    padding-left: 2rem;
+  .foregroundContent {
     /* centered objects will need to remove 1.5 of this to center */
-    padding-right: .5rem;
+    padding-left: 1em;
+    padding-right: 1em;
     padding-bottom: 36px;
     padding-top: 3em;
   }
 
-  .homeground {
-    width: 90%;
-    padding-bottom: 36px;
-    display: flex;
-    margin: auto;
-    overflow: visible;
-  }
-
-  .centeredForeground {
-    margin-left: -1.5rem;
-    /* remove .foreground excess margin */
+  .homegroundContent {
+    padding-top: 5em;
   }
 
   .onRight {
@@ -863,8 +879,12 @@ a {
     margin-right: 0;
   }
 
+  .timeline {
+    padding-left: 1em;
+  }
+
   .col {
-    width: 90%;
+    width: 100%;
     margin-bottom: 3rem;
   }