bora la

templates/style

-/* RESET */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-/* BODY */
-body {
-    font-family: 'Segoe UI', sans-serif;
-    background: linear-gradient(to bottom, #e9f5db, #d8f3dc);
-    color: #333;
-    text-align: center;
-    padding: 20px;
-}
-
-/* TÍTULOS */
-h1 {
-    color: #6b4226;
-    margin-bottom: 20px;
-}
-
-h2 {
-    margin-top: 30px;
-    color: #588157;
-}
-
-/* FORM */
-form {
-    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: 100%;
-    padding: 10px;
-    margin: 8px 0;
-    border-radius: 6px;
-    border: 1px solid #a3b18a;
-    background: #fff;
-    transition: 0.3s;
-}
-
-/* FOCUS */
-input:focus {
-    border-color: #588157;
-    outline: none;
-    box-shadow: 0 0 5px rgba(88,129,87,0.5);
-}
-
-/* BOTÃO */
-button {
-    width: 100%;
-    padding: 10px;
-    margin-top: 10px;
-    background: #6b4226;
-    color: white;
-    border: none;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: 0.3s;
-}
-
-/* HOVER BOTÃO */
-button:hover {
-    background: #4a2c1a;
-    transform: scale(1.05);
-}
-
-/* LINHA DIVISÓRIA */
-hr {
-    margin: 30px auto;
-    width: 60%;
-    border: 1px solid #a3b18a;
-}
-
-/* LISTA */
-ul {
-    list-style: none;
-    margin-top: 20px;
-    padding: 0;
-}
-
-/* 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;
-}
-
-/* LINK EXCLUIR */
-li a {
-    text-decoration: none;
-    color: #d00000;
-    font-weight: bold;
-    transition: 0.3s;
-    
-}
-
-/* HOVER EXCLUIR */
-li a:hover {
-    color: #9d0208;
-}
\ No newline at end of file