add a media query for smaller screens, as a test
[mandelbrot-web.git] / style / mandelbrot.css
index 5e3cade..04bc960 100644 (file)
@@ -1,3 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+body {
+  font-family: sans-serif;
+}
+
 #overlayArea {
   position: absolute;
 }
@@ -14,3 +22,9 @@
 #mbrotImage {
   background-color: lightblue;
 }
+
+@media screen and (max-width: 500px) {
+  body {
+    font-size: 10px;
+  }
+}