From 0704cdde913602871b3ee9c2b81e3cac4e839351 Mon Sep 17 00:00:00 2001
From: Karoline <pequenopolis35@gmail.com>
Date: Mon, 1 Jul 2024 15:21:01 -0300
Subject: [PATCH] melhorar o estilo

---
 index.html => SURVEY.2/index.html |  0
 styles.css => SURVEY.2/styles.css | 61 +++++++++++++++++++------------
 2 files changed, 38 insertions(+), 23 deletions(-)
 rename index.html => SURVEY.2/index.html (100%)
 rename styles.css => SURVEY.2/styles.css (61%)

diff --git a/index.html b/SURVEY.2/index.html
similarity index 100%
rename from index.html
rename to SURVEY.2/index.html
diff --git a/styles.css b/SURVEY.2/styles.css
similarity index 61%
rename from styles.css
rename to SURVEY.2/styles.css
index d2ff5b6..92a9528 100644
--- a/styles.css
+++ b/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,24 +22,37 @@ 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"],
@@ -47,12 +60,14 @@ body {
   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;