From 5500460728192860ed05ab7c9951f08e6be710f9 Mon Sep 17 00:00:00 2001
From: Thiago Martins e Martins <54513342+Thiago2436@users.noreply.github.com>
Date: Tue, 31 Oct 2023 18:48:03 -0300
Subject: [PATCH] Update style.css

---
 style.css | 239 +++++++++++++++++++++++++++---------------------------
 1 file changed, 118 insertions(+), 121 deletions(-)

diff --git a/style.css b/style.css
index b10839b..c9fc4a4 100644
--- a/style.css
+++ b/style.css
@@ -1,127 +1,124 @@
+/* Fonte do GNOME */
 body {
-    font-family: Arial, sans-serif;
-    background-color: #222;
-    color: #fff;
-  }
-  
-  table {
-    width: 100%;
-    border-collapse: collapse;
-    color: #fff;
-  }
-  
-  th, td {
-    text-align: left;
-    padding: 8px;
-  }
-  
-  th:nth-child(1), td:nth-child(1) {
-    width: 20%;
-  }
-  
-  th:nth-child(2), td:nth-child(2) {
-    width: 20%;
-  }
-  
-  th:nth-child(3), td:nth-child(3) {
-    width: 20%;
-  }
-  
-  th:nth-child(4), td:nth-child(4) {
-    width: 20%;
-  }
-  
-  th:nth-child(5), td:nth-child(5) {
-    width: 20%;
-  }
-  
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  background-color: #f2f2f2;
+  color: #333;
+}
+
+/* Tabela com bordas mais suaves */
+table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+th, td {
+  text-align: left;
+  padding: 12px;
+  border-bottom: 1px solid #ccc;
+}
+
+/* Estilos para as colunas da tabela */
+th:nth-child(1), td:nth-child(1),
+th:nth-child(2), td:nth-child(2),
+th:nth-child(3), td:nth-child(3),
+th:nth-child(4), td:nth-child(4),
+th:nth-child(5), td:nth-child(5) {
+  width: 20%;
+}
+
+/* Formulário com aparência mais clara e bordas arredondadas */
+form {
+  width: 90%;
+  margin: 20px auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 5px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+  font-size: 28px;
+  text-align: center;
+  margin-top: 20px;
+  color: #333;
+}
+
+h2 {
+  font-size: 24px;
+  margin-top: 20px;
+  color: #333;
+}
+
+label {
+  display: block;
+  margin-top: 10px;
+  color: #333;
+}
+
+input[type="text"],
+input[type="number"],
+input[type="date"],
+textarea {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  box-sizing: border-box;
+  margin-top: 5px;
+  background-color: #f9f9f9;
+  color: #333;
+}
+
+button {
+  background-color: #4CAF50;
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  padding: 12px 24px;
+  margin-top: 20px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+button:hover {
+  background-color: #45a049;
+}
+
+/* Ajustes para telas maiores */
+@media screen and (min-width: 768px) {
   form {
-    width: 90%;
-    margin: auto;
-    background-color: #333;
-    padding: 20px;
-    box-shadow: 0px 0px 10px #aaa;
+    width: 80%;
   }
-  
+
   h1 {
-    font-size: 24px;
-    text-align: center;
-    margin-top: 20px;
+    font-size: 36px;
+    text-align: left;
+    margin-top: 40px;
+    margin-bottom: 20px;
   }
-  
+
   h2 {
-    font-size: 20px;
-    margin-top: 20px;
-  }
-  
-  label {
-    display: block;
-    margin-top: 10px;
-    color: #fff;
-  }
-  
-  input[type="text"],
-  input[type="number"],
-  input[type="date"],
-  textarea {
-    width: 100%;
-    padding: 5px;
-    border: 1px solid #ccc;
-    border-radius: 3px;
-    box-sizing: border-box;
-    margin-top: 5px;
-    background-color: #444;
-    color: #fff;
-  }
-  
-  button {
-    background-color: #4CAF50;
-    color: #fff;
-    border: none;
-    border-radius: 3px;
-    padding: 10px 20px;
-    margin-top: 20px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-  }
-  
-  button:hover {
-    background-color: #3e8e41;
-  }
-  
-  @media screen and (min-width: 768px) {
-    form {
-      width: 80%;
-    }
-  
-    h1 {
-      font-size: 36px;
-      text-align: left;
-      margin-top: 40px;
-      margin-bottom: 20px;
-    }
-  
-    h2 {
-      font-size: 24px;
-      margin-top: 40px;
-      margin-bottom: 20px;
-    }
-  }
-  
-  #download-excel,
-  #sair-button {
-    background-color: #333;
-    color: #fff;
-    border: none;
-    border-radius: 3px;
-    padding: 10px 20px;
-    margin-top: 20px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-  }
-  
-  #download-excel:hover,
-  #sair-button:hover {
-    background-color: #555;
-  }
-  
\ No newline at end of file
+    font-size: 28px;
+    margin-top: 40px;
+    margin-bottom: 20px;
+  }
+}
+
+/* Botões secundários */
+#download-excel,
+#sair-button {
+  background-color: #ccc;
+  color: #333;
+  border: none;
+  border-radius: 5px;
+  padding: 12px 24px;
+  margin-top: 20px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+#download-excel:hover,
+#sair-button:hover {
+  background-color: #bbb;
+}