diff --git a/assets/css/main.css b/assets/css/main.css
index 76f06c5..b250723 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -551,9 +551,45 @@ 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) {
+    .tutorial {
+        min-width: 360px;
+        overflow-y: scroll;
+    }
+
+    .shareScreen {
+        min-width: 360px;
+    }
+
+    .tutorial .row {
+        flex-direction: column;
+    }
+}
+
+@media(max-width:540px) {
+    .left {
+        display: none;
+    }
+}
+
+@media(max-width:450px) {
+    h1 {
+        font-size: 2em;
+    }
 
     h2 {
         font-size: 1.5em;
@@ -570,6 +606,7 @@ p a:hover {
     .frame {
         height: 45px;
         width: 45px;
+        outline: 1px solid #3a3a3c;
     }
 
     .flag {
@@ -591,77 +628,6 @@ p a:hover {
         width: 360px;
     }
 
-    .tutorial {
-        min-width: 360px;
-        overflow-y: scroll;
-    }
-
-    .shareScreen {
-        min-width: 360px;
-    }
-
-    .tutorial .row {
-        flex-direction: column;
-    }
-
-    .title h1 {
-        text-align: left;
-    }
-
-    .info {
-        font-size: 1.5em;
-        gap: 10px;
-    }
-}
-
-@media(max-width:540px) {
-    .left {
-        display: none;
-    }
-}
-
-@media(max-width:430px) {
-    h1 {
-        font-size: 2em;
-    }
-
-    h2 {
-        font-size: 1.2em;
-    }
-
-    h4 {
-        font-size: 1em;
-    }
-
-    h5 {
-        font-size: 0.8em;
-    }
-
-    .frame {
-        height: 35px;
-        width: 35px;
-        outline: 1px solid #3a3a3c;
-    }
-
-    .flag {
-        height: 35px;
-        width: 35px;
-    }
-
-    .team {
-        width: 35px;
-    }
-
-    .text {
-        line-height: 35px;
-        width: 35px;
-        font-size: 12px;
-    }
-
-    .input {
-        width: 280px;
-    }
-
     .info {
         font-size: 1.25em;
     }