[themes] set font-size on :root rather than BODY so that REMs work consistently

themes/default/style.css

@@ -45,12 +45,14 @@
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+:root {
+	font-size: 14px;
+	font-family: sans-serif;
+}
 
 BODY {
 	background: var(--page);
 	color: var(--text);
-	font-family: sans-serif;
-	font-size: 14px;
 	margin: 0;
 }
 H1 {

themes/futaba/style.css

@@ -2,10 +2,12 @@
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-BODY {
+:root {
 	font-family: arial,helvetica,sans-serif;
 	font-size: 10pt;
+}
+
+BODY {
 	background: #FFFFEE url(fade.png) top center repeat-x;
 	color: #800000;
 	padding-left: 5px;

themes/lite/style.css

@@ -3,10 +3,12 @@
  * http://qwebirc.org/
  */
 
-BODY {
-	background: #F0F7FF;
+:root {
 	font-family: sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: #F0F7FF;
 	margin: 0;
 }
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

themes/rule34v2/style.css

@@ -3,10 +3,12 @@
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
-BODY {
-	background: url(bg.png) #ACE4A3;
+:root {
 	font-family: "Arial", sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: url(bg.png) #ACE4A3;
 	margin: 0;
 }
 #header {

themes/warm/style.css

@@ -3,10 +3,12 @@
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
-BODY {
-	background: url(bg.png);
+:root {
 	font-family: "Arial", sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: url(bg.png);
 	margin: 0;
 }
 HEADER {