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

@@ -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 {