diff --git a/css/basic.css b/css/basic.css
index ae10080..4960061 100644
--- a/css/basic.css
+++ b/css/basic.css
@@ -2,6 +2,7 @@
 
 * {box-sizing: border-box}
 :root{
+--serif:1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
 --mono:'Courier New', Courier, 'Ubuntu Mono', 'Liberation Mono', monospace;
 --c1:#0074d9;
 --c2:#eee;
@@ -30,13 +31,13 @@ html {
 
 body {
     margin: 0;
-    font: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+    font: var(--serif);
     font-weight: 400;
     font-style: normal;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     background-color: var(--c3);
-    color: var(--c4)
+    color: var(--c4);
 }
 img, iframe {border: none; max-width: 100%}
 
@@ -99,4 +100,4 @@ article {background: var(--c2); border-radius: var(--rc); padding: 1em; box-shad
 
 aside:first-child, article:first-child {margin-left:0}
 
-aside:last-child, article:last-child {margin-left:0}
\ No newline at end of file
+aside:last-child, article:last-child {margin-left:0}