body {
            background-color: #f8f9fa; /* Light gray theme */
            font-family: 'Georgia', serif;
        }
        .navbar {
            background-color: #343a40;
        }
        .navbar-brand, .nav-link {
            color: #f8f9fa !important;
        }
        .hero {
            background: linear-gradient(135deg, #6a94e8, #e5e5e5);
            color: #343a40;
            padding: 5rem 2rem;
            text-align: center;
            border-radius: 0.5rem;
            margin-bottom: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .feature-card {
            background-color: white;
            border: none;
            border-radius: 0.5rem;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
            text-align: center;
            padding: 2rem;
            margin-bottom: 1.5rem;
        }
        .cta-section {
            background: linear-gradient(135deg, #e5e5e5, #6a94e8);
            color: #343a40;
            padding: 3rem;
            text-align: center;
            border-radius: 0.5rem;
        }
        .portfolio img {
            transition: transform 0.3s ease;
        }
        .portfolio img:hover {
            transform: scale(1.05);
        }
        .footer {
            background-color: #343a40;
            color: white;
            padding: 1rem 0;
            text-align: center;
        }
        .hero .logo {
            max-width: 200px; /* Adjust size as needed */
            height: auto;
        }