Get rid of inline styles

sass/main.scss

@@ -54,6 +54,8 @@ html {
   }
 }
 
+// Logo
+
 div.brand>* {
   padding: 0 0.25em;
 }
@@ -156,4 +158,9 @@ ul.tags {
 
 .meta.tags {
   float: right;
+}
+
+// Header dot
+.header-dot {
+  font-size: 1.6em;
 }

templates/macros/macros.html

@@ -56,7 +56,7 @@
 
 {% macro page_header(title) %}
 <div class="page-header">
-  {{ title }}<span class="primary-color" style="font-size: 1.6em">.</span>
+  {{ title }}<span class="primary-color header-dot">.</span>
 </div>
 {% endmacro content %}