From 320dd7cfa476483fbaf9c87656b21d9dd8c499cb Mon Sep 17 00:00:00 2001
From: Nye Evans <nyeevans@outlook.com>
Date: Thu, 31 Dec 2020 14:09:04 +0000
Subject: [PATCH] now works for mobile!

added separate css for portrait devices
---
 Mainpage.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/Mainpage.css b/Mainpage.css
index c5766f0..220eef7 100644
--- a/Mainpage.css
+++ b/Mainpage.css
@@ -25,7 +25,7 @@ h1, h2, h3{
 }
 
 h1{ 
-    font-size: 5vw;
+    font-size: clamp(20px, 8vh, 70px);
 
     padding-left: 6; 
     margin-left: 2vw;
@@ -74,11 +74,15 @@ h2, h3{
     h1{
         font-size: 10vw;
 
-        margin-left: 2vw;
-        margin-right: 2vw;
+        margin-left: 0vw;
+        margin-right: 0vw;
         margin-top: 5vh; 
         margin-bottom: 85vh;
 
+        padding-top: 0.5vh;
+
+        border-radius: 0;
+
         height: 10vh;
 
     }
@@ -86,6 +90,12 @@ h2, h3{
     h2, h3{
         margin-top: 10vh;
         margin-bottom: 10vh;
+
+        min-width: inherit;
+        max-width: inherit;
+
+        border-radius: 0;
+
         font-size: 2vw;
     }
 }