From 2d8fbdfe9da095a8e2b16b5c1583e368948ce23a Mon Sep 17 00:00:00 2001
From: Cyril MARPAUD <cyril.marpaud@bashroom.com>
Date: Wed, 15 Mar 2023 11:26:42 +0100
Subject: [PATCH] feat: fix responsive issue on small screens

---
 static/style.css | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index fae6f25..824ae73 100644
--- a/static/style.css
+++ b/static/style.css
@@ -60,10 +60,34 @@ body {
 
 #name {
 	display: inline;
-	font-size: 7em;
+	font-size: 2em;
 	transition: var(--transition-duration);
 }
 
+@media (min-width: 320px) {
+	#name {
+		font-size: 3em;
+	}
+}
+
+@media (min-width: 480px) {
+	#name {
+		font-size: 4em;
+	}
+}
+
+@media (min-width: 640px) {
+	#name {
+		font-size: 5.5em;
+	}
+}
+
+@media (min-width: 800px) {
+	#name {
+		font-size: 7em;
+	}
+}
+
 #name em {
 	color: var(--light-purple);
 	font-style: normal;