From a1960c7e10691e460b835446bb358c27e971fba8 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sun, 9 Oct 2022 19:18:57 +0200
Subject: Adapt font size to small devices

---
 public/main.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'public')

diff --git a/public/main.css b/public/main.css
index fd5595f..fca717d 100644
--- a/public/main.css
+++ b/public/main.css
@@ -47,6 +47,20 @@ input {
   cursor: pointer;
 }
 
+/* Box sizing */
+
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+/* Fix full width on small screens on chrome */
+body, .g-Form, .g-Play {
+  min-width: fit-content; 
+}
+
 /* Fonts */
 
 @font-face {
@@ -120,7 +134,7 @@ header {
   height: calc(100vh - var(--header-height));
   position: relative;
   font-family: chords;
-  font-size: var(--font-size-whale);
+  font-size: 15vw;
   overflow-x: visible;
 }
 
-- 
cgit v1.2.3