From 7a88715a69e3ca0f8435ee671e6d8c95090d83a6 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sat, 17 Aug 2024 13:20:25 +0200
Subject: [PATCH] feat: enhance theme styling and update version to 1.1

Revamped the overall styling of body text, headers, images, forms,
buttons, and cards to improve readability and modernize the UI
aesthetics. Added new classes for card components, updated the footer
styling, and introduced hover states for interactive elements.
Incremented theme version to 1.1 to reflect these changes.
---
 style.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 98 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 762dc3e..df5c165 100644
--- a/style.css
+++ b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://duckbehaviorjournal.com
 Author: Kumi
 Author URI: https://kumi.website
 Description: A WordPress theme for the Duck Behavior Journal.
-Version: 1.0
+Version: 1.1
 License: MIT
 License URI: https://opensource.org/licenses/MIT
 Text Domain: duck-behavior-journal
@@ -13,6 +13,92 @@ Text Domain: duck-behavior-journal
 body {
     font-family: 'Helvetica Neue', Arial, sans-serif;
     color: #333;
+    line-height: 1.6;
+    background-color: #f8f9fa;
+    margin: 0;
+    padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #333;
+    font-weight: bold;
+    margin: 20px 0 10px;
+}
+
+h1 {
+    font-size: 2.5rem;
+}
+
+h2 {
+    font-size: 2rem;
+}
+
+h3 {
+    font-size: 1.75rem;
+}
+
+h4 {
+    font-size: 1.5rem;
+}
+
+h5 {
+    font-size: 1.25rem;
+}
+
+h6 {
+    font-size: 1rem;
+}
+
+p {
+    margin-bottom: 15px;
+}
+
+a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+button,
+input[type="submit"] {
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    font-size: 1rem;
+    border-radius: 5px;
+}
+
+button:hover,
+input[type="submit"]:hover {
+    background-color: #0056b3;
+}
+
+input,
+textarea,
+select {
+    width: 100%;
+    padding: 10px;
+    margin: 10px 0;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    font-size: 1rem;
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+    border-color: #007bff;
+    outline: none;
 }
 
 .logo {
@@ -57,23 +143,33 @@ body {
 
 .card {
     border: none;
+    margin-bottom: 20px;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    border-radius: 5px;
+    overflow: hidden;
 }
 
 .card-title {
     font-size: 1.25rem;
     font-weight: bold;
+    margin: 10px 0;
 }
 
 .card-text {
     color: #777;
+    margin-bottom: 15px;
 }
 
 footer {
     border-top: 1px solid #eee;
+    padding: 20px 0;
+    background-color: #f8f9fa;
 }
 
 footer p {
     margin: 0;
+    color: #666;
 }
 
 footer .social-media img {
@@ -150,6 +246,7 @@ a h5 {
     background-color: #f9f9f9;
     border: 1px solid #ddd;
     text-decoration: none;
+    border-radius: 5px;
 }
 
 .pagination a:hover {