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

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; + } }