From 3dce5ec7c01d6b7c3ff0e0280cede3f145470618 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 6 Nov 2023 21:08:01 +0100
Subject: [PATCH] responsive font size

---
 src/App.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 34d9b0e..989fbc9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -35,5 +35,13 @@ export default defineComponent({
   color: $textColor;
   font-size: 1em;
   padding: 1em 0.5em;
+
+  @media screen and (max-width: $breakpointMd) {
+    font-size: calc(0.7rem + 0.75vw);
+  }
+
+  @media screen and (orientation: landscape) and (max-width: $breakpointMd) {
+    font-size: calc(0.75rem + 0.4vw);
+  }
 }
 </style>