Fix css!

1 files changed, 11 insertions, 6 deletions

diff --git a/cao-mobile.css b/cao-mobile.css
index 8d55b5b..5a85ca1 100644
--- a/cao-mobile.css
+++ b/cao-mobile.css
@@ -28,7 +28,7 @@ header > span#leave-room:hover {
     opacity: 1;
 }
 .page {
-    padding: 70px 20px 170px;
+    padding: 70px 20px 120px;
     margin: auto;
     max-width: 650px;
 }
@@ -99,7 +99,7 @@ div.card-list.read-only > button.card.black:active {
     bottom: 0;
     left: 0;
     right: 0;
-    height: 150px;
+    height: 100px;
     box-sizing: border-box;
 }
 div.bottom {
@@ -111,13 +111,13 @@ div.bottom {
 }
 button.bottom {
     font-size: 2.5em;
-    color: #dddddd;
-    border: 4px solid #1565C0;
-    background: #1E88E5;
+    color: #222222;
+    border: 4px solid #455A64;
+    background: #78909C;
     transition: .3s;
 }
 button.bottom:hover {
-    background: #1565C0;
+    background: #455A64;
     font-size: 2.7em;
 }
 .message {
@@ -125,4 +125,9 @@ button.bottom:hover {
     font-size: 2.5em;
     text-align: center;
     text-shadow: 0 5px 0 #000;
+}
+@media screen and (max-width: 600px) {
+    h1 {
+        font-size: 3em;
+    }
 }
\ No newline at end of file