diff --git a/css/theme.css b/css/theme.css
index 0aedcbf..571e34b 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -6,7 +6,7 @@ html {
     display: grid;
     grid-template-columns: 70% 30%;
     grid-template-rows: auto;
-    font-family: 'IBM Plex Sans', sans-serif;
+    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-weight: 500;
     font-size: 10pt;
 }
@@ -28,14 +28,12 @@ html {
 
 
 body {
-    font-family: 'IBM Plex Serif', serif;
+    font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     font-weight: 400;
     color: #454545;
-    font-size: 20px;
     margin: 2em auto;
     max-width: 1000px;
     padding: 1em;
-    line-height: 1.4;
     text-align: left;
 }
 
@@ -44,9 +42,10 @@ blockquote {
 }
 
 video, code {
-    font-weight: 500;
-    max-width: 100%;
-    font-family: 'IBM Plex Mono', monospace;
+    font-weight: normal;
+    max-width: 98%;
+    margin: 3em auto;
+    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 }
 
 img {
@@ -122,16 +121,13 @@ footer {
     text-align: center;
 }
 
-
 a {
     color: #454545;
-    font-weight: 430;
-    border-bottom: 2px dashed #808080;
-    text-decoration: none;
+    font-weight: bold;
 }
-
 a:hover {
     border-bottom-color: red;
+}
 
 sup > a {
     color: #454545;