diff --git a/site/css/main.scss b/site/css/main.scss
index 49c2945..4515e49 100644
--- a/site/css/main.scss
+++ b/site/css/main.scss
@@ -7,7 +7,7 @@ $serif: Charter, Georgia, serif;
 $monospace: SF Mono, monospace;
 
 // General
-body {
+html {
 	background-color: var(--content-background-color);
 	font-family: $sansSerif;
 	font-size: 16px;
@@ -33,7 +33,7 @@ body {
 
 	.rss {
 		margin-top: 0;
-		font-size: 14px;
+		font-size: 0.75rem;
 		font-weight: lighter;
 		color: var(--secondary-ui-text-color);
 	}
@@ -45,9 +45,9 @@ article {
 	border-bottom: 1px solid var(--accent-color);
 
 	.article-title {
-		margin-top: 20px;
+		margin-top: 0.7em;
 		margin-bottom: 0;
-		font-size: 1.8rem;
+		font-size: 1.6rem;
 
 		&::before {
 			content: "#";
@@ -72,7 +72,7 @@ article {
 
 	.article-meta {
 		margin-top: 0;
-		font-size: 14px;
+		font-size: 0.9rem;
 		font-weight: lighter;
 		color: var(--secondary-ui-text-color);
 
@@ -82,7 +82,7 @@ article {
 
 	.article-content {
 		font-family: $serif;
-		font-size: 20px;
+		font-size: 1.25rem;
 
 		h1, h2, h3, h4, h5, h6 {
 			font-family: $sansSerif;
@@ -98,8 +98,8 @@ article {
 			}
 		}
 
-		h1 { font-size: 1.8rem; }
-		h2 { font-size: 1.6rem; }
+		h1 { font-size: 1.6rem; }
+		h2 { font-size: 1.4rem; }
 
 		hr.footnotes-sep {
 			border: none;
@@ -108,13 +108,13 @@ article {
 		}
 
 		// Markdown decorations
-		@media (min-width: 768px) {
+		@media screen and (min-width: 768px) {
 			a::before { content: "["; }
 			a::after { content: "](" attr(data-link) ")"; word-wrap: break-word; }
 			a::before, a::after {
 				color: var(--secondary-ui-text-color);
 				font-family: $monospace;
-				font-size: 14px;
+				font-size: 0.75em;
 			}
 			a { text-decoration: none; }
 			sup.footnote-ref > a::before,
@@ -301,7 +301,7 @@ pre {
 
 pre, code {
 	font-family: $monospace;
-	font-size: 16px;
+	font-size: 1rem;
 }
 
 img {
@@ -315,7 +315,7 @@ figure {
 
 	figcaption {
 		font-family: $sansSerif;
-		font-size: 16px;
+		font-size: 1rem;
 		font-style: italic;
 		color: var(--secondary-ui-text-color);
 		text-align: center;
@@ -327,7 +327,7 @@ figure {
 	padding-top: 20px;
 	padding-bottom: 20px;
 	background-color: var(--ui-background-color);
-	font-size: 16px;
+	font-size: 1rem;
 
 	> div {
 		display: flex;
@@ -538,4 +538,3 @@ figure {
 		max-width: 720px;
 	}
 }
-
diff --git a/site/includes/article-meta.html.ejs b/site/includes/article-meta.html.ejs
index 8ed695b..5bca74b 100644
--- a/site/includes/article-meta.html.ejs
+++ b/site/includes/article-meta.html.ejs
@@ -1,7 +1,7 @@
 <p class="article-meta">
-	<div itemprop="author" itemscope="" itemtype="https://schema.org/Person">
+	<span itemprop="author" itemscope="" itemtype="https://schema.org/Person">
 		<meta itemprop="name" content="Shadowfacts">
-	</div>
+	</span>
 	on
 	<span>
 		<% const formatted = formatDate(metadata.date, "MMM Do, YYYY") %>