change link color @ footer

src/Components/EcFooter.js

@@ -19,6 +19,7 @@ along with Plataforma Integrada MEC.  If not, see <http://www.gnu.org/licenses/>
 import React, {Component} from 'react';
 import {Row, Col, Container} from 'react-grid-system';
 import eduConectada from '../img/educa-conectada.png';
+import styled from 'styled-components';
 
 const blueFooter={
   backgroundColor: "#00bcd4",
@@ -26,7 +27,7 @@ const blueFooter={
   display: "block",
   paddingTop: "2em",
   paddingBottom: "2em",
-  verticalAlign: "bottom"
+  verticalAlign: "bottom",
 }
 const listStyle={
   listStyleType: "none",
@@ -34,6 +35,10 @@ const listStyle={
   padding: "0",
   lineHeight: "1.6",
 }
+const WhiteLink = styled.a`
+	text-decoration: none;
+	color: white;
+`
 
 class EcFooter extends Component{
   render(){
@@ -44,20 +49,20 @@ class EcFooter extends Component{
         <Col md={4} sm={5} xs={5}>
           <h4>Sobre</h4>
           <ul style={listStyle}>
-          <li> <a href="#sobre">Sobre a Plataforma</a> </li>
-          <li> <a href="#parceiros">Portais Parceiros</a> </li>
-          <li> <a href="#termos-de-uso">Termos de Uso</a> </li>
-          <li> <a href="#contato">Contato</a> </li>
+          <li> <WhiteLink href="#sobre">Sobre a Plataforma</WhiteLink> </li>
+          <li> <WhiteLink href="#parceiros">Portais Parceiros</WhiteLink> </li>
+          <li> <WhiteLink href="#termos-de-uso">Termos de Uso</WhiteLink> </li>
+          <li> <WhiteLink href="#contato">Contato</WhiteLink> </li>
           </ul>
         </Col>
         <Col md={4} sm={5} xs={5}>
           <h4>Ajuda</h4>
           <ul style={listStyle}>
-          <li>    <a href="#ajuda">Central de Ajuda</a> </li>
-          <li>    <a href="#publicar">Publicando Recursos</a> </li>
-          <li>    <a href="#busca">Encontrando Recursos</a> </li>
-          <li>    <a href="#rede">Participando da Rede</a> </li>
-          <li>    <a href="#conta">Gerenciando a Conta</a> </li>
+          <li>    <WhiteLink href="#ajuda">Central de Ajuda</WhiteLink> </li>
+          <li>    <WhiteLink href="#publicar">Publicando Recursos</WhiteLink> </li>
+          <li>    <WhiteLink href="#busca">Encontrando Recursos</WhiteLink> </li>
+          <li>    <WhiteLink href="#rede">Participando da Rede</WhiteLink> </li>
+          <li>    <WhiteLink href="#conta">Gerenciando a Conta</WhiteLink> </li>
           </ul>
         </Col>
         <Col md={4} sm={12} xs={12}>