Changing sec1 and sec3 font colors

src/Components/Modal.js

@@ -89,7 +89,7 @@ export default function TransitionsModal() {
 
   return (
     <div style={{display:"flex", justifyContent: "center"}}>
-      <button   type="button" onClick={handleOpen}>
+      <button style = {{background: "none",border: "none", color:"#fff",verticalAlign:"center"}}   type="button" onClick={handleOpen}>
         <VisibilityIcon/> VEJA A VERSÃO RESUMIDA
       </button>
       <Modal

src/Pages/UserTerms.js

@@ -72,8 +72,6 @@ const ImagemSeçao2 = styled.div`
   height: 100%;
   align-items: center;
   padding-block: 30px;
-
-
 `
 
 
@@ -108,19 +106,22 @@ class UserTerms extends Component {
             </Grid>
           </ImagemSeçao2>
 
-          <div style = {{background: "#ff7f00"}} >
-            <h1 style = {center}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
+          <div style = {{background: "#ff7f00",color:"#fff"}} >
+            <h1 style = {{textAlign: "center",width: "100%",fontSize:"46px",fontFamily: "'Pompiere', cursive",fontWeight:"500"}}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1>
             <Grid container spacing ={3}>
               <Grid item xs={12} md={1} ></Grid>
-              <Grid item xs={12} md={5} >
+              <Grid item xs={12} md={4} >
+                <div>
                   <h2>Abertos</h2>
                   <p>De acordo com a Declaração de Paris, são recursos que, no mínimo, têm uma licença de uso mais flexível, que garante livre redistribuição. Adicionalmente, um recurso aberto deve utilizar um formato aberto, um formato de arquivo que permite a fácil edição por terceiros. Nenhum controle sobre o acesso (como cadastro e senha) deve existir para acesso a recursos abertos. Em sua maioria, são recursos gratuitos.</p>
-
+                </div>
               </Grid>
-              <Grid item xs={12} md={5}>
+              <Grid item xs={12} md={1} ></Grid>
+              <Grid item xs={12} md={4}>
+                <div>
                   <h2>Fechados</h2>
                   <p>São recursos que criam restrições no seu acesso, uso ou reuso. Como exemplo, podemos mencionar recursos que só são acessíveis mediante cadastro ou que têm licenças restritivas (como “todos os direitos reservados”, o símbolo ©). Podem ser gratuitos ou pagos.</p>
-
+                </div>
               </Grid>
               <Grid item xs={12} md={1} ></Grid>
             </Grid>