Mobile CSS Fix

assets/css/main.css

@@ -551,10 +551,21 @@ p a:hover {
 }
 
 @media(max-width:820px) {
+    .title h1 {
+        text-align: left;
+    }
+
+    .info {
+        font-size: 1.5em;
+        gap: 10px;
+    }
+
     h1 {
         font-size: 2.5em;
     }
+}
 
+@media(max-width:740px) {
     h2 {
         font-size: 1.5em;
     }
@@ -567,11 +578,6 @@ p a:hover {
         font-size: 1em;
     }
 
-    .frame {
-        height: 45px;
-        width: 45px;
-    }
-
     .flag {
         height: 45px;
         width: 45px;
@@ -603,15 +609,6 @@ p a:hover {
     .tutorial .row {
         flex-direction: column;
     }
-
-    .title h1 {
-        text-align: left;
-    }
-
-    .info {
-        font-size: 1.5em;
-        gap: 10px;
-    }
 }
 
 @media(max-width:540px) {
@@ -620,7 +617,7 @@ p a:hover {
     }
 }
 
-@media(max-width:430px) {
+@media(max-width:450px) {
     h1 {
         font-size: 2em;
     }
@@ -638,8 +635,8 @@ p a:hover {
     }
 
     .frame {
-        height: 35px;
-        width: 35px;
+        height: 45px;
+        width: 45px;
         outline: 1px solid #3a3a3c;
     }