JSFiddle - React, Tailwind, and code Playground

HTML

<div id="macrosectiontext"><a href="www.google.it">bla bla bla</a></div>

CSS

a:link, a:visited, a:hover, a:active {
  text-decoration: none; color: #f00;
}

#macrosectiontext {
  position:relative;
  font:Arial, sans-serif;
  text-align:center;
  font-size:50px;
  font-style: bold;
  margin-top:245px;
  opacity: 0.6;
  background-color:transparent;
}

#macrosectiontext a:link {color: #000;}
#macrosectiontext a:visited, #macrosectiontext a:hover, #macrosectiontext a:active {
  color: #f0f;
}