use em in .content

theme/static/css/main.css

@@ -335,24 +335,24 @@ hr {
 .content dl,
 .content table,
 .content pre {
-	margin: 0 0 1rem 0;
+	margin: 0 0 1em 0;
 }
 
 .content ul,
 .content ol {
-	padding-left: 2rem;
+	padding-left: 2em;
 }
 
 .content h1 {
-	padding-bottom: 0.3rem;
-	font-size: 2rem;
-	border-bottom: 0.1rem solid var(--hline-color);
+	padding-bottom: 0.3em;
+	font-size: 2em;
+	border-bottom: 0.1em solid var(--hline-color);
 }
 
 .content h2 {
-	padding-bottom: 0.3rem;
-	font-size: 1.5rem;
-	border-bottom: 0.1rem solid var(--hline-color);
+	padding-bottom: 0.3em;
+	font-size: 1.5em;
+	border-bottom: 0.1em solid var(--hline-color);
 }
 
 .content h1,
@@ -361,8 +361,8 @@ hr {
 .content h4,
 .content h5,
 .content h6 {
-	margin-top: 1.5rem;
-	margin-bottom: 1rem;
+	margin-top: 1.5em;
+	margin-bottom: 1em;
 	font-weight: 600;
 	line-height: 1.25;
 }
@@ -376,18 +376,18 @@ hr {
 .content .codeinline {
 	background-color: rgba(0, 0, 0, 0.04);
 	color: inherit;
-	padding: 0.5rem 0.2rem;
+	padding: 0.5em 0.2em;
 }
 .content .codeblock {
 	background-color: #272822;
 	color: #f8f8f2;
-	padding: 0.5rem 1rem;
+	padding: 0.5em 1em;
 }
 
 
 .content blockquote {
-	border-left: 0.25rem solid #ddd;
-	padding: 0 1rem;
+	border-left: 0.25em solid #ddd;
+	padding: 0 1em;
 	color: #777;
 }