melhor compatibilidade com mobile

1 files changed, 11 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index b7d3305..e4b74bf 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2,9 +2,10 @@ body {
 	color: white;
 	background-color: black;
 
-	min-width: 800px;
-	width: 70%;
-	margin: auto;
+	width: 80%;
+	max-width: 1000px;
+	margin: 20px auto;
+	font-size: 16px;
 }
 
 .bottom-align { 
@@ -15,6 +16,7 @@ body {
 
 .title {
 	display: flex;
+	flex-direction: column; 
 }
 
 .title h1 {
@@ -30,3 +32,9 @@ body {
 	width: 100px;
 	display: inline;
 }
+
+@media (min-width: 768px) {
+    .title {
+        flex-direction: row; /* Volta a ficar lado a lado */
+    }
+}