Translate this website to PT-BR, add more to it, more text and more images.

"<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Solar-Powered Polystyrene Toy Car</title>
    <style>
        /* Reset some default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Arial, sans-serif';
            background: linear-gradient(to right, #ece9e6, #ffffff);
            color: #333;
            line-height: 1.6;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        header {
            background-color: #4CAF50;
            color: #fff;
            padding: 20px 0;
            text-align: center;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        header h1 {
            font-size: 2.5rem;
            margin-bottom: 10px;
        }

        nav {
            margin-top: 10px;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
            font-size: 1.1rem;
            transition: color 0.3s ease;
        }

        nav a:hover {
            color: #d4ffd4;
        }

        .container {
            flex: 1;
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }

        .hero {
            position: relative;
            text-align: center;
            color: white;
        }

        .hero img {
            width: 100%;
            max-height: 500px;
            object-fit: cover;
            opacity: 0.8;
        }

        .hero .hero-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .hero .hero-text h2 {
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .hero .hero-text a {
            background-color: #ffcc00;
            color: #333;
            padding: 10px 20px;
            text-decoration: none;
            font-size: 1.2rem;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

        .hero .hero-text a:hover {
            background-color: #e6b800;
        }

        section {
            margin: 40px 0;
        }

        section h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2rem;
            color: #4CAF50;
        }

        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }

        .gallery img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 10px;
            transition: transform 0.3s ease;
        }

        .gallery img:hover {
            transform: scale(1.05);
        }

        .features {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }

        .feature {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 10px;
            flex: 1 1 300px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .feature:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }

        .feature h3 {
            margin-bottom: 10px;
            color: #4CAF50;
        }

        .feature p {
            color: #555;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 15px 0;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero .hero-text h2 {
                font-size: 2rem;
            }

            nav a {
                display: block;
                margin: 10px 0;
            }

            .features {
                flex-direction: column;
                align-items: center;
            }
        }
    </style>
</head>
<body>

    <header>
        <h1>Solar-Powered Polystyrene Toy Car</h1>
        <nav>
            <a href="#about">About</a>
            <a href="#gallery">Gallery</a>
            <a href="#features">Features</a>
            <a href="#contact">Contact</a>
        </nav>
    </header>

    <div class="hero">
        <img src="https://image.pollinations.ai/prompt/A%20tiny%20polystyrene-made%20toy%20car%20moved%20by%20solar%20panels%20attached%20to%20its%20top" alt="Solar-Powered Toy Car">
        <div class="hero-text">
            <h2>Eco-Friendly Innovation in Toy Design</h2>
            <a href="#features">Discover More</a>
        </div>
    </div>

    <div class="container">
        <section id="about">
            <h2>About the Toy Car</h2>
            <p>
                Introducing our latest creation: a tiny polystyrene-made toy car powered by solar panels. Combining sustainability with fun, this miniature marvel features a reliable engine and four sturdy wheels, ensuring smooth movement under sunlight. Perfect for children and eco-conscious enthusiasts alike, this toy car embodies the perfect blend of education and entertainment.
            </p>
        </section>

        <section id="gallery">
            <h2>Gallery</h2>
            <div class="gallery">
                <img src="https://image.pollinations.ai/prompt/A%20tiny%20polystyrene-made%20toy%20car%20moved%20by%20solar%20panels%20attached%20to%20its%20top" alt="Toy Car Front View">
                <img src="https://image.pollinations.ai/prompt/The%20interior%20of%20a%20solar-powered%20polystyrene%20toy%20car" alt="Toy Car Interior">
                <img src="https://image.pollinations.ai/prompt/A%20solar-powered%20polystyrene%20toy%20car%20on%20a%20sunny%20day" alt="Toy Car in Sunlight">
                <img src="https://image.pollinations.ai/prompt/A%20close-up%20of%20the%20engine%20of%20a%20solar-powered%20polystyrene%20toy%20car" alt="Toy Car Engine">
                <img src="https://image.pollinations.ai/prompt/The%20four%20wheels%20of%20a%20solar-powered%20polystyrene%20toy%20car" alt="Toy Car Wheels">
            </div>
        </section>

        <section id="features">
            <h2>Key Features</h2>
            <div class="features">
                <div class="feature">
                    <h3>Solar Panels</h3>
                    <p>
                        Equipped with efficient solar panels on top, harnessing sunlight to power the car sustainably.
                    </p>
                </div>
                <div class="feature">
                    <h3>Reliable Engine</h3>
                    <p>
                        A compact yet powerful engine ensures smooth and consistent movement in various lighting conditions.
                    </p>
                </div>
                <div class="feature">
                    <h3>Durable Wheels</h3>
                    <p>
                        Four sturdy wheels designed for stability and performance on multiple surfaces.
                    </p>
                </div>
                <div class="feature">
                    <h3>Eco-Friendly Material</h3>
                    <p>
                        Made from high-quality polystyrene, promoting environmental responsibility without compromising durability.
                    </p>
                </div>
            </div>
        </section>

        <section id="contact">
            <h2>Contact Us</h2>
            <p>
                Interested in learning more or purchasing our solar-powered toy car? Get in touch with us!
            </p>
            <p>Email: <a href="mailto:info@solartoycars.com">info@solartoycars.com</a></p>
        </section>
    </div>

    <footer>
        &copy; 2023 Solar-Powered Toy Cars. All rights reserved.
    </footer>

    <script>
        // Add any interactive JavaScript here if needed
        // For example, smooth scrolling for navigation links
        document.querySelectorAll('nav a').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>
</body>
</html>"