Added functionality and dark mode to doctests. And other changes in maps.

css/doctest.css

@@ -2,12 +2,78 @@ html {
     padding: 0;
     font-size: 16px;
     background: white;
-    font-family: Arial, sans-serif;
     color: #000;
-    max-width: 932px;
+    font-family: 'Open Sans', Arial, sans-serif;
+    max-width: 1200px;
     margin: 0 auto;
 }
 
+html.dark-mode {
+    background: rgb(51, 51, 51);
+    color: #ccc;
+}
+
+.dark-mode h1,
+.dark-mode h2,
+.dark-mode h3,
+.dark-mode h4,
+.dark-mode h5,
+.dark-mode h6 {
+    color: white;
+}
+
+.title {
+    position: relative;
+    font-size: 2.5rem;
+}
+
+.description {
+    font-style: italic;
+    margin-bottom: 3rem;
+}
+
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.doctest {
+    margin: 0;
+    padding-top: 50px;
+    padding-bottom: 50px;
+    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
+}
+.collapsed .doctest {
+    height: 0;
+    margin: 0;
+    padding: 0;
+}
+
+.doctest-wrapper {
+    overflow: hidden;
+    border-radius: 5px;
+
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+.doctest-collapsible-toggle {
+    display: flex;
+    align-items: center;
+    color: whitesmoke;
+    background-color: #111;
+    padding: 10px;
+}
+
+.doctest-section-title {
+    margin: 0;
+    margin-left: 40px;
+
+    padding: 0;
+    font-size: 1.3em;
+}
+
 .grayBorder {
     border: 1px solid lightgray;
 }
@@ -34,8 +100,8 @@ body {
 }
 
 canvas {
-    -ms-content-zooming: none;  /** Crucial for MS Edge pointer events **/
-    touch-action: none;         /** Crucial for MS Edge? **/
+    -ms-content-zooming: none; /** Crucial for MS Edge pointer events **/
+    touch-action: none; /** Crucial for MS Edge? **/
 }
 
 #runtime-errors {