Improve layout for mobile screens

style.css

@@ -10,8 +10,8 @@ body {
 
 #language-selector {
     position: absolute;
-    right: 10px;
-    top: 10px;
+    right: 15px;
+    top: 20px;
     font-size: 14px;
     font-weight: 300;
     z-index: 1;
@@ -152,4 +152,34 @@ body {
 #time {
     margin-top: 5px;
     margin-left: 10px;
+}
+
+@media (max-width: 1400px) {
+    #tetris {
+        height: 75%;
+    }
+
+    #score {
+        top: 10px;
+        left: 50%;
+        right: initial;
+        transform: translateX(-50%);
+    }
+
+    #controls {
+        top: initial;
+        bottom: 10px;
+        left: 50%;
+        transform: translateX(-50%);
+        height: 10%;
+        overflow: auto;
+    }
+
+    #control-text {
+        height: 100%;
+    }
+
+    #language-selector {
+        font-size: 20px;
+    }
 }