css for phone and laptop

1 files changed, 25 insertions, 2 deletions

diff --git a/public/style.css b/public/style.css
index 3e3b1e2..73528ed 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,8 +1,9 @@
 body {
   font-family: sans-serif;
-  font-size: 2em;
+  font-size: 3vmin;
 }
 
+
 img,
 video {
   max-width: 100%;
@@ -13,7 +14,7 @@ video {
 }
 
 form {
-  display: inline-block;
+  display: inline;
 }
 
 button {
@@ -22,4 +23,26 @@ button {
 
 a {
   color: #888;
+}
+
+@media (orientation: landscape) {
+  button {
+    font-size: 1em;
+  }
+}
+
+@media (min-width: 1500px) {
+  body {
+    font-size: 1.25em;
+  }
+}
+
+@media (orientation: portrait) and (min-width: 1000px) {
+  body {
+    font-size: 1.25em;
+  }
+
+  button {
+    font-size: 1em;
+  }
 }
\ No newline at end of file