Move hotspots to separate service

src/static/css/App.css

@@ -38,6 +38,11 @@ body {
   font-family: "Roboto Condensed", sans-serif;
 }
 
+#fullIframe {
+  width:100vw;
+  height: 100vh;
+}
+
 #menu {
   height: 2rem;
   display: none;

src/static/css/hotspots.css

@@ -1,40 +0,0 @@
-body {
-    margin: 0;
-    padding: 0;
-    overflow: visible;
-}
-
-#map {
-    height: 100vh;
-}
-
-html, body, #map {
-    height: 100%;
-    width: 100vw;
-}
-
-.leaflet-layer,
-.leaflet-control-zoom-in,
-.leaflet-control-zoom-out,
-.leaflet-control-attribution {
-    filter: brightness(500%) contrast(130%);
-}
-
-.leaflet-tile-pane {
-    filter: brightness(50%);
-}
-
-.legend {
-    border: solid #999999 3px;
-    color: #eee;
-    background-color: rgba(44, 44, 44, .8);
-    padding: 1em;
-    border-radius: 1em;
-}
-
-#legendOccGrad {
-    background-image: linear-gradient(to right, transparent, red);
-    padding: 0 2em;
-    text-align: center;
-    text-shadow: black .2em .2em;
-}