responsive css

Author: alexcoder04

static/main.css

@@ -1,10 +1,16 @@
 
 :root {
-  font-size: 20px;
+  font-size: larger;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   color: #e8f1f7;
 }
 
+@media (orientation: portrait) {
+  :root {
+    font-size: xx-large;
+  }
+}
+
 body {
   background-color: #2D333B;
 }
@@ -26,6 +32,12 @@ body {
   border-radius: 20px;
 }
 
+@media (orientation: portrait) {
+  .container {
+    margin: 1rem;
+  }
+}
+
 .upload-btn {
   background-color: #47ff4a;
 }