Update colours

scripts/styles.css

@@ -0,0 +1,119 @@
+#map {
+    position: absolute;
+
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+
+    z-index: -1;
+
+    height: 100vh;
+    width: 100%;
+}
+
+.infos {
+    position: fixed;
+
+    bottom: 0;
+    left: 0;
+
+    width: 60%;
+    padding: 20px;
+}
+
+header > h1 {
+    font-family: sans-serif;
+    font-size: 24px;
+
+    display: inline-block;
+
+    padding: 5px 10px;
+    margin: 0;
+
+    background: white;
+}
+
+header > small {
+    font-family: monospace;
+    font-size: 11px;
+
+    display: inline-block;
+
+    padding: 5px 10px;
+
+    background: white;
+}
+
+.infos > p {
+    font-family: sans-serif;
+    font-size: 14px;
+    line-height: 18px;
+
+    display: inline-block;
+
+    padding: 5px 10px;
+
+    background: white;
+}
+
+#selector {
+    position: fixed;
+
+    right: 0;
+    bottom: 0;
+
+    padding: 20px;
+}
+
+#selector > h2 {
+    padding: 5px 10px;
+    background: white;
+
+    font-family: sans-serif;
+    font-size: 16px;
+
+    display: inline-block;
+
+    margin-bottom: 14px;
+}
+
+.selector-group {
+    padding: 5px 10px;
+    background: white;
+
+    margin-bottom: 14px;
+}
+
+.selector-group > h3 {
+    font-family: monospace;
+    font-size: 12px;
+
+    margin: 6px 0;
+}
+
+.selector-checkbox {
+    font-family: monospace;
+    font-size: 12px;
+
+    margin: 6px 0;
+}
+
+.selector-checkbox > label {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+input[type="checkbox"] {
+    display: inline-block;
+    vertical-align: middle;
+
+    margin-right: 6px;
+
+    cursor: pointer;
+ }
+
+ .circle:hover{
+    stroke: black;
+    stroke-width: 4px;
+}