From ccb5c4aa6d445406923b76c4c4805fb5e397e686 Mon Sep 17 00:00:00 2001
From: Riba <mrp19@inf.ufpr.br>
Date: Fri, 1 Nov 2019 11:55:42 -0300
Subject: [PATCH] Changing sec1 and sec3 font colors

---
 src/Components/Modal.js |  2 +-
 src/Pages/UserTerms.js  | 37 +++++++++++++++++++------------------
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/Components/Modal.js b/src/Components/Modal.js
index 288d467a..ffdcb4f5 100644
--- a/src/Components/Modal.js
+++ b/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
diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js
index b99d64dc..63332a46 100644
--- a/src/Pages/UserTerms.js
+++ b/src/Pages/UserTerms.js
@@ -63,17 +63,15 @@ const AColorido = styled.a`
 `
 const ImagemSeçao2 = styled.div`
 
-@media (min-width:1450px) {
-  background-image: url(${Busca});
-  background-position: right;
-  background-size: contain;
-  background-repeat: no-repeat;
-}
+  @media (min-width:1450px) {
+    background-image: url(${Busca});
+    background-position: right;
+    background-size: contain;
+    background-repeat: no-repeat;
+  }
   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} >
-                <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>
-
+              <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}>
-                <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>
-
+              <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>
-- 
GitLab