melhorar o estilo

Karoljp35 · Jul 1, 2024 · 0704cdd · 0704cdd
1 parent 5b57f8b
commit 0704cdd
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 23 deletions.
diff --git a/index.html → SURVEY.2/index.html b/index.html → SURVEY.2/index.html
diff --git a/styles.css → SURVEY.2/styles.css b/styles.css → SURVEY.2/styles.css
@@ -1,15 +1,15 @@
-styles.css
+/* styles.css */
 body {
-    font-family: 'Roboto', sans-serif;
-    background-color: #f4f4f9;
-    margin: 0;
-    padding-top: 10%;
-    padding-right: 30px;
-    padding-left: 30px;
-    text-align: center;
-
-
-  }
+   font-family: 'Arial', sans-serif;
+   background-color: #f4f4f9;
+   margin: 0;
+   padding-top: 60px;
+   border-radius: 10px ;
+   -webkit-border-radius: 10px ;
+   -moz-border-radius: 10px ;
+   -ms-border-radius: 10px ;
+   -o-border-radius: 10px ;
+}
 
   #form-container {
     text-align: center;
@@ -22,37 +22,52 @@ body {
   }
 
   h1#title {
-    color: #333;
-    margin-bottom: 30px;
-  }
-
-  p#description {
-    margin-bottom: 30px;
-    color: #666;
+   color: #333;
+   margin-top: 5px;
+   text-align: center;
+   background-color: whitesmoke;
+   border-radius: 10px;
   }
+   p#description { 
+   -webkit-border-radius: 10px;
+   -moz-border-radius: 10px;
+   -ms-border-radius: 10px;
+   -o-border-radius: 10px;
+   text-align: center;
+   }
+
 
   #survey-form {
-    text-align: left;
-  }
+    text-align: center;
+    margin-top: 10px;
+    border: 3px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -ms-border-radius: 5px;
+    -o-border-radius: 5px;
+}
 
   label {
     display: block;
     margin-bottom: 10px;
     font-weight: bold;
     color: #333;
+
   }
 
   input[type="text"],
   input[type="email"],
   input[type="number"],
   select,
   textarea {
-    width: 100%;
+    width: 45%;
     padding: 10px;
     margin-bottom: 20px;
     border: 1px solid #ccc;
     border-radius: 5px;
-    box-sizing: border-box;
+    box-sizing:  border-box;
+
+
   }
 
   input[type="text"]:focus,
@@ -84,7 +99,7 @@ body {
     display: block;
     width: 100%;
     padding: 15px;
-    background-color: #007bff;
+    background-color: #539ff0;
     border: none;
     border-radius: 5px;
     color: #ffffff;