Adapt font size to small devices

1 files changed, 15 insertions, 1 deletions

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;
 }