add base map

frontend/static/frontend/css/base.css

@@ -1,37 +1,4 @@
-html {
-    font-family:
-        "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-        "Liberation Mono", "Courier New", monospace;
-}
-
-body {
-    background: radial-gradient(
-        circle at top,
-        #f2f1ea 0%,
-        #e6e1d7 42%,
-        #d8d2c5 100%
-    );
-    color: #2b2620;
-    margin: 0;
-    min-height: 100vh;
-}
-
-.home {
-    max-width: 960px;
-    margin: 0 auto;
-    padding: 96px 24px 80px;
-}
-
-.home h1 {
-    font-size: clamp(2.4rem, 4vw, 3.6rem);
-    margin: 0 0 16px;
-    letter-spacing: -0.03em;
-}
-
-.home p {
-    font-size: 1.05rem;
-    line-height: 1.7;
-    margin: 0;
-    max-width: 560px;
-    color: #4a4136;
+#map {
+    width: 100%;
+    height: 100vh;
 }

frontend/static/frontend/css/reset.css

@@ -0,0 +1,75 @@
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+*:not(dialog) {
+    margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+    html {
+        interpolate-size: allow-keywords;
+    }
+}
+
+body {
+    /* 4. Add accessible line-height */
+    line-height: 1.5;
+    /* 5. Improve text rendering */
+    -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+    display: block;
+    max-width: 100%;
+}
+
+/* 7. Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+    font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+    text-wrap: pretty;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root,
+#__next {
+    isolation: isolate;
+}