diff --git a/css/iosevkaaile.css b/css/iosevkaaile.css
index 0bca5df..6250f54 100644
--- a/css/iosevkaaile.css
+++ b/css/iosevkaaile.css
@@ -1,7 +1,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 100;
 	font-stretch: normal;
 	font-style: normal;
@@ -10,7 +10,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 100;
 	font-stretch: normal;
 	font-style: oblique;
@@ -19,7 +19,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 100;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-thinoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-thinoblique.ttf') format('truetype');
@@ -27,7 +27,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 100;
 	font-stretch: normal;
 	font-style: italic;
@@ -36,7 +36,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 200;
 	font-stretch: normal;
 	font-style: normal;
@@ -45,7 +45,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 200;
 	font-stretch: normal;
 	font-style: oblique;
@@ -54,7 +54,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 200;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-extralightoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-extralightoblique.ttf') format('truetype');
@@ -62,7 +62,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 200;
 	font-stretch: normal;
 	font-style: italic;
@@ -71,7 +71,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 300;
 	font-stretch: normal;
 	font-style: normal;
@@ -80,7 +80,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 300;
 	font-stretch: normal;
 	font-style: oblique;
@@ -89,7 +89,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 300;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-lightoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-lightoblique.ttf') format('truetype');
@@ -97,7 +97,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 300;
 	font-stretch: normal;
 	font-style: italic;
@@ -106,7 +106,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 400;
 	font-stretch: normal;
 	font-style: normal;
@@ -115,7 +115,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 400;
 	font-stretch: normal;
 	font-style: oblique;
@@ -124,7 +124,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 400;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-oblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-oblique.ttf') format('truetype');
@@ -132,7 +132,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 400;
 	font-stretch: normal;
 	font-style: italic;
@@ -141,7 +141,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 500;
 	font-stretch: normal;
 	font-style: normal;
@@ -150,7 +150,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 500;
 	font-stretch: normal;
 	font-style: oblique;
@@ -159,7 +159,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 500;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-mediumoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-mediumoblique.ttf') format('truetype');
@@ -167,7 +167,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 500;
 	font-stretch: normal;
 	font-style: italic;
@@ -176,7 +176,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 600;
 	font-stretch: normal;
 	font-style: normal;
@@ -185,7 +185,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 600;
 	font-stretch: normal;
 	font-style: oblique;
@@ -194,7 +194,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 600;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-semiboldoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-semiboldoblique.ttf') format('truetype');
@@ -202,7 +202,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 600;
 	font-stretch: normal;
 	font-style: italic;
@@ -211,7 +211,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 700;
 	font-stretch: normal;
 	font-style: normal;
@@ -220,7 +220,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 700;
 	font-stretch: normal;
 	font-style: oblique;
@@ -229,7 +229,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 700;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-boldoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-boldoblique.ttf') format('truetype');
@@ -237,7 +237,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 700;
 	font-stretch: normal;
 	font-style: italic;
@@ -246,7 +246,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 800;
 	font-stretch: normal;
 	font-style: normal;
@@ -255,7 +255,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 800;
 	font-stretch: normal;
 	font-style: oblique;
@@ -264,7 +264,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 800;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-extraboldoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-extraboldoblique.ttf') format('truetype');
@@ -272,7 +272,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 800;
 	font-stretch: normal;
 	font-style: italic;
@@ -281,7 +281,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 900;
 	font-stretch: normal;
 	font-style: normal;
@@ -290,7 +290,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 900;
 	font-stretch: normal;
 	font-style: oblique;
@@ -299,7 +299,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web Oblique';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 900;
 	font-stretch: normal;
 	src: url('/fonts/iosevkaaile/woff2/iosevkaaile-heavyoblique.woff2') format('woff2'), url('/fonts/iosevkaaile/ttf/iosevkaaile-heavyoblique.ttf') format('truetype');
@@ -307,7 +307,7 @@
 
 @font-face {
 	font-family: 'Iosevka Aile Web';
-	font-display: swap;
+	font-display: optional;
 	font-weight: 900;
 	font-stretch: normal;
 	font-style: italic;
diff --git a/css/style.css b/css/style.css
index 7a9eb9c..386fd13 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1,10 +1,9 @@
 @import url("/css/iosevkaaile.css");
 
 :root {
-    --bg-color: oklch(0.20 0.0641 0.43deg);
-    --text-color: oklch(0.6 0.0641 168.8deg);
-    --link-color: oklch(0.8382 0.1066 58.23deg);
-
+    --bg-color: oklch(20% 0.0641 0.43deg);
+    --text-color: oklch(60% 0.0641 168.8deg);
+    --link-color: oklch(83.82% 0.1066 58.23deg);
     --h1-bg: oklch(45% 0 0deg);
     --h1-txt: oklch(80% 0 0deg);
     --h2-bg: oklch(55% 0 0deg);
@@ -24,7 +23,7 @@ html {
 }
 
 * {
-    font-family: 'Iosevka Aile Web' !important;
+    font-family: 'Iosevka Aile Web', system-ui, sans-serif;
 }
 
 body {
@@ -55,6 +54,12 @@ header nav a {
     margin-right: 1rem;
 }
 
+a:link, a:visited, a:hover, a:active {
+    color: var(--link-color);
+    text-decoration: underline;
+    font-weight: bold;
+}
+
 header nav a:last-child {
     margin-right: 0;
 }
@@ -78,11 +83,6 @@ td, th {
     border-style:solid;
 }
 
-a:link, a:visited, a:hover, a:active {
-    color: var(--link-color);
-    text-decoration: underline;
-    font-weight: bold;
-}
 
 
 article.post, main, header, footer {