corrigindo css da página

Template/style

@@ -5,116 +5,44 @@
     box-sizing: border-box;
 }
 
-/* BODY - sensação de natureza */
+/* BODY */
 body {
     font-family: 'Segoe UI', sans-serif;
     background: linear-gradient(to bottom, #e9f5db, #d8f3dc);
     color: #333;
-}
-
-/* HEADER - madeira/campo */
-.topo {
-    background: #6b4226; /* marrom terra */
-    color: #fff;
-    padding: 20px;
     text-align: center;
-    border-bottom: 5px solid #a3b18a;
-}
-
-.topo h1 {
-    margin-bottom: 10px;
-}
-
-/* NAV */
-nav a {
-    color: #fefae0;
-    margin: 0 10px;
-    text-decoration: none;
-    font-weight: bold;
-    padding: 6px 10px;
-    border-radius: 6px;
-    transition: 0.3s;
-}
-
-nav a:hover {
-    background: #a3b18a; /* verde claro */
-    color: #333;
-}
-
-/* CONTAINER */
-.container {
-    width: 80%;
-    margin: 30px auto;
-    background: #fefae0; /* cor de palha clara */
-    padding: 25px;
-    border-radius: 12px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+    padding: 20px;
 }
 
 /* TÍTULOS */
-h2 {
-    text-align: center;
-    margin-bottom: 20px;
-    color: #6b4226;
-}
-
-/* TABELA */
-table {
-    width: 100%;
-    border-collapse: collapse;
-    border-radius: 10px;
-    overflow: hidden;
-}
-
-/* CABEÇALHO */
-th {
-    background: #588157; /* verde escuro */
-    color: white;
-    padding: 12px;
-}
-
-/* CÉLULAS */
-td {
-    padding: 10px;
-    text-align: center;
-}
-
-/* LINHAS */
-tr:nth-child(even) {
-    background: #e9edc9;
-}
-
-tr:hover {
-    background: #ccd5ae;
-    transition: 0.2s;
-}
-
-/* LINKS */
-td a {
-    text-decoration: none;
-    font-weight: bold;
+h1 {
     color: #6b4226;
+    margin-bottom: 20px;
 }
 
-td a:hover {
-    color: #344e41;
+h2 {
+    margin-top: 30px;
+    color: #588157;
 }
 
 /* FORM */
 form {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+    background: #fefae0;
+    padding: 20px;
+    margin: 0 auto;
+    width: 300px;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
 }
 
 /* INPUTS */
 input {
-    width: 60%;
+    width: 100%;
     padding: 10px;
     margin: 8px 0;
     border-radius: 6px;
     border: 1px solid #a3b18a;
-    background: #fefae0;
+    background: #fff;
     transition: 0.3s;
 }
 
@@ -127,11 +55,13 @@ input:focus {
 
 /* BOTÃO */
 button {
+    width: 100%;
+    padding: 10px;
+    margin-top: 10px;
     background: #6b4226;
     color: white;
     border: none;
-    padding: 12px 18px;
-    border-radius: 8px;
+    border-radius: 6px;
     cursor: pointer;
     transition: 0.3s;
 }
@@ -142,36 +72,48 @@ button:hover {
     transform: scale(1.05);
 }
 
-/* TEXTO VAZIO */
-p {
-    text-align: center;
+/* LINHA DIVISÓRIA */
+hr {
+    margin: 30px auto;
+    width: 60%;
+    border: 1px solid #a3b18a;
+}
+
+/* LISTA */
+ul {
+    list-style: none;
     margin-top: 20px;
-    font-size: 18px;
-    color: #6b4226;
+    padding: 0;
 }
 
-/* ALERTA */
-.alert {
-    background: #ccd5ae;
-    padding: 10px;
-    margin-bottom: 15px;
-    border-radius: 6px;
-    text-align: center;
-    color: #344e41;
-    font-weight: bold;
+/* ITEM */
+li {
+    background: #fefae0;
+    margin: 10px auto;
+    padding: 12px;
+    width: 60%;
+    border-radius: 8px;
+    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+/* TEXTO DO ITEM */
+li span {
+    text-align: left;
 }
 
-/* RESPONSIVO */
-@media (max-width: 768px) {
-    .container {
-        width: 95%;
-    }
+/* LINK EXCLUIR */
+li a {
+    text-decoration: none;
+    color: #d00000;
+    font-weight: bold;
+    transition: 0.3s;
     
-    input {
-        width: 90%;
-    }
+}
 
-    table {
-        font-size: 12px;
-    }
+/* HOVER EXCLUIR */
+li a:hover {
+    color: #9d0208;
 }
\ No newline at end of file