From 0e05ed6a9861b792b059e168cd8c90b177eca0d0 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 23 Feb 2023 23:13:36 +0800
Subject: [PATCH] Try this safari-only CSS

Bump up font size because rounded is a little small
---
 src/index.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/index.css b/src/index.css
index 479d565e..ee7bdc33 100644
--- a/src/index.css
+++ b/src/index.css
@@ -90,6 +90,12 @@ body {
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
+/* Safari-only: https://www.bram.us/2021/06/23/css-at-supports-rules-to-target-only-firefox-safari-chromium/#safari */
+@supports (background: -webkit-named-image(i)) {
+  body {
+    font-size: 17px;
+  }
+}
 
 a {
   color: var(--link-color);