diff --git a/index.html b/index.html
index a0c7b78..abb0d2d 100644
--- a/index.html
+++ b/index.html
@@ -39,9 +39,9 @@
Certified Public Accountant
-
Providing Wholistic Accounting Solutions
+
Providing Wholistic Accounting Solutions
Your trusted partner in managing finances with professionalism and integrity.
-
Get in Touch
+
diff --git a/style.css b/style.css
index ff1a579..7b3617e 100644
--- a/style.css
+++ b/style.css
@@ -13,6 +13,11 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* Enhance headings */
+
+header h1, header h2 {
+ color: #fff;
+}
+
h1, h2, h3 {
font-weight: 700;
color: var(--primary-color);
@@ -56,7 +61,7 @@ header {
position: relative; /* Establish a positioning context for the logo */
background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
color: #fff;
- padding: 10px 0; /* Adjust to ensure enough space for content */
+ /*padding: 10px 0; /* Adjust to ensure enough space for content */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center; /* Centers all content (except the logo) */
}
@@ -78,9 +83,9 @@ header {
}
/* Navigation Menu */
-nav {
- margin-top: 15px; /* Space between text and navigation */
-}
+ nav {
+ margin-top: 0; /* Space between text and navigation */
+ }
nav ul {
display: flex;
@@ -157,7 +162,7 @@ nav ul li a:focus {
}
.service-item {
- background: #CCE7FF;
+ background-color: #CCE7FF;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
@@ -173,7 +178,6 @@ nav ul li a:focus {
font-size: 2em;
color: var(--primary-color);
}
-
.service-item h3 {
margin-top: 15px;
color: var(--primary-color);
@@ -231,7 +235,7 @@ nav ul li a:focus {
/* Footer */
footer {
- background: var(--secondary-color);
+ background: linear-gradient(45deg, var(--secondary-color), var(--primary-color));
color: #fff;
text-align: center;
padding: 20px 0;
@@ -263,8 +267,6 @@ footer p {
h2 {
font-size: 1.2rem;
- margin: 5px 0;
- font-weight: 300;
}
h3 {
@@ -294,17 +296,25 @@ footer p {
font-size: 0.8em;
}
+header {
+ padding: 0;
+}
.header-center {
margin-top: 10px; /* Reduce spacing */
}
- nav ul {
- /*gap: 7px; /* Reduce gap between nav items */
- }
+
+ nav ul li a {
+ padding: 0;
+ }
+
.services {
padding: 10px 0;
}
+ .service-item {
+ padding: 5px;
+}
.services-grid {
grid-template-columns: 1fr; /* Single-column layout */
@@ -323,5 +333,8 @@ footer p {
}
.qr-code img {
max-width: 100px; /* Smaller size for mobile screens */
- }
+ }
+ footer p {
+ font-size: 0.8rem;
+ }
}