diff --git a/css/style.css b/css/style.css
index 95d8649..a97c405 100644
--- a/css/style.css
+++ b/css/style.css
@@ -4,17 +4,18 @@ html {
body {
background: linear-gradient(to right, #bdc3c7, #2c3e50);
- font-family: sans-serif;
- width: 60vw;
- margin: 0 20vw;
+ width: 90vw;
+ margin: 0 auto;
text-align: center;
- padding: 1em 0;
+ padding: 3em 0;
height: 100vh;
}
.titulo {
color: #FFFFFF;
+ font-family: 'Orbitron', sans-serif;
font-size: 1.5em;
+ text-shadow: 2px 2px 3px #2c3e50;
margin: 0 0 1em;
}
@@ -23,12 +24,16 @@ body {
width: 80%;
display: inline-block;
border-radius: 8px;
- padding: 0.5em 0;
+ padding: 0.5em 1em;
color: #FFFFFF;
margin: 1em 0;
display: none;
}
+#resposta {
+ font-family: 'Poppins', sans-serif;
+ text-shadow: 2px 2px 3px black;
+}
.chutes-registrados {
list-style: none;
@@ -65,14 +70,69 @@ body {
display: none;
border: none;
border-radius: 5px;
- margin: 10px 0 0;
+ margin: 10px 0;
cursor: pointer;
+
+ width: 150px;
+ padding: 10px;
+ border-radius: 5px;
+ font-family: 'Poppins', sans-serif;
+ background-color: #FFFFFF;
+ color: black;
+ box-shadow: 1px 1px 5px black;
+}
+
+#chance, #tentativaAtual {
+ font-family: 'Poppins', sans-serif;
+ color: #FFFFFF;
+ text-shadow: 2px 2px 3px black;
+}
+
+#tentativa {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 20px;
+}
+
+#tentativa #chute {
+ width: 230px;
+ padding: 10px;
+ border: none;
+ border-radius: 5px;
+ box-shadow: 2px 2px 5px black;
+ font-family: 'Poppins', sans-serif;
}
-@media (min-width: 1180px) {
+input::placeholder {
+ text-align: center;
+}
+
+#submit {
+ width: 100px;
+ padding: 10px;
+ border: none;
+ border-radius: 5px;
+ font-family: 'Poppins', sans-serif;
+ background-color: #425d79;
+ color: #FFFFFF;
+ box-shadow: 1px 1px 5px #FFFFFF;
+}
+
+@media (min-width: 768px) {
body {
width: 90vw;
margin: 0 5vw;
font-size: 20px;
}
+
+ .area-resposta {
+ width: 60%;
+ }
+}
+
+@media (min-width: 1024px) {
+ .area-resposta {
+ width: 40%;
+ }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 56edc18..77614fe 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,15 @@
- Termo da Comunidade CoDe
+
+
+
+
+
+
+ Termo da Comunidade CoDe
Termo da CoDe
@@ -21,8 +27,8 @@ Termo da CoDe
Chance: 1/6