body { font-family: 'Arial', sans-serif; line-height: 1.8; color: #333; background-color: #f9f9f9; } h1, h2, h3 { font-weight: bold; margin-bottom: 1.5rem; color: #222; } h1 { font-size: 3rem; letter-spacing: -0.5px; } h2 { font-size: 2.5rem; letter-spacing: -0.5px; } h3 { font-size: 2rem; letter-spacing: -0.5px; } .product-card { margin-bottom: 2.5rem; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); background-color: #fff; } .product-card h3 { margin-top: 0; color: #003d7a; font-size: 2.4rem; } .nav-bar { padding: 1.5rem 3rem; background-color: #fff; border-bottom: 1px solid #ddd; } .nav-bar a { margin-right: 2rem; font-size: 1.125rem; color: #0056b3; } .button { padding: 1rem 2rem; font-size: 1.125rem; border-radius: 5px; background-color: #0056b3; color: #fff; } .filter-buttons { margin-bottom: 2.5rem; } .filter-buttons button { margin-right: 0.75rem; padding: 0.75rem 1.5rem; font-size: 1rem; border-radius: 5px; background-color: #e7e7e7; color: #333; } .nav-bar a:hover { color: #003d7a; } .product-card { transition: transform 0.3s ease; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .filter-buttons button { margin-right: 1rem; padding: 0.75rem 1.75rem; } .header-title { font-size: 2.5rem; margin-bottom: 1rem; } .header-subtitle { font-size: 1.25rem; color: #555; margin-bottom: 2rem; } .product-card p { font-size: 1rem; color: #666; }