Merge pull request #66 from unb-mds/feat(#57)/tailwind_gastos

integração para tailwind e resposividade da pagina gastos

client/src/pages/Gastos/Gastos.tsx

@@ -1,34 +1,43 @@
 import React from 'react';
 import Header from '../../components/Header/Header';
 import Footer from '../../components/Footer/Footer';
-import './Gastos.css';
 
 function Gastos() {
     return (
-      <div>
-        <Header/>
-        <div className="Gastos">
-          <div>
-            <h1>O que são Gastos públicos ?</h1>
-            <p>
-                Gastos públicos referem-se ao dinheiro que o governo utiliza para financiar as suas atividades, como a prestação de serviços públicos (saúde, educação, segurança), infraestrutura, investimentos em projetos sociais e o pagamento de dívidas. 
-                Esses gastos são realizados com recursos obtidos por meio da arrecadação de impostos, taxas e contribuições, e são essenciais para garantir o funcionamento do Estado e o bem-estar da sociedade.
-            </p>
-          </div>
-          <div>
-            <h1>Pontos Importantes</h1>
-            <ul>
-                <li><strong>Transparência:</strong> A população deve exigir clareza na gestão dos recursos públicos para garantir eficiência e evitar desperdícios.</li>
-                <li><strong>Impostos:</strong> Os impostos pagos pela sociedade financiam os serviços públicos, por isso, é importante entender como o governo utiliza esse dinheiro.</li>
-                <li><strong>Orçamento e Prioridades:</strong> O governo define suas prioridades no orçamento, e é essencial que a população compreenda onde o dinheiro será investido.</li>
-                <li><strong>Dívidas públicas:</strong> Parte dos gastos é destinada ao pagamento de dívidas, o que pode impactar outras áreas e políticas fiscais.</li>
-                <li><strong>Participação cidadã:</strong> A população pode influenciar nas decisões sobre o uso dos recursos públicos, garantindo um uso responsável e eficaz do dinheiro arrecadado.</li>
-            </ul>
-          </div>
+        <div>
+            <Header />
+            <main className="flex flex-col items-center justify-start p-5 bg-white my-5 text-left">
+                <section className="w-full max-w-4xl text-center">
+                    <h1 className="text-4xl mb-5">O que são Gastos públicos?</h1>
+                    <p className="text-lg leading-7 mb-3 max-w-4xl w-full">
+                        Gastos públicos referem-se ao dinheiro que o governo utiliza para financiar as suas atividades, como a prestação de serviços públicos (saúde, educação, segurança), infraestrutura, investimentos em projetos sociais e o pagamento de dívidas. 
+                        Esses gastos são realizados com recursos obtidos por meio da arrecadação de impostos, taxas e contribuições, e são essenciais para garantir o funcionamento do Estado e o bem-estar da sociedade.
+                    </p>
+                </section>
+                <section className="w-full max-w-4xl text-center">
+                    <h1 className="text-4xl mb-5">Pontos Importantes</h1>
+                    <ul className="list-disc text-lg leading-7 text-left  mx-auto mb-4 w-auto">
+                        <li className="mb-3 text-black">
+                            <strong>Transparência:</strong> A população deve exigir clareza na gestão dos recursos públicos para garantir eficiência e evitar desperdícios.
+                        </li>
+                        <li className="mb-3 text-black">
+                            <strong>Impostos:</strong> Os impostos pagos pela sociedade financiam os serviços públicos, por isso, é importante entender como o governo utiliza esse dinheiro.
+                        </li>
+                        <li className="mb-3 text-black">
+                            <strong>Orçamento e Prioridades:</strong> O governo define suas prioridades no orçamento, e é essencial que a população compreenda onde o dinheiro será investido.
+                        </li>
+                        <li className="mb-3 text-black">
+                            <strong>Dívidas públicas:</strong> Parte dos gastos é destinada ao pagamento de dívidas, o que pode impactar outras áreas e políticas fiscais.
+                        </li>
+                        <li className="mb-3 text-black">
+                            <strong>Participação cidadã:</strong> A população pode influenciar nas decisões sobre o uso dos recursos públicos, garantindo um uso responsável e eficaz do dinheiro arrecadado.
+                        </li>
+                    </ul>
+                </section>
+            </main>
+            <Footer />
         </div>
-        <Footer/>
-      </div>
     );
-  }
+}
 
-  export default Gastos;
+export default Gastos;