buongiono a tutti io ho il seguente codice (copiato da un sito)
vorrei pereò poter cambiare il colore del testo e del bordo come posso fare?
Codice:
<head>

<script>
  !(function(e, n, o) {
    ('ontouchstart' in e || e.DocumentTouch && n instanceof DocumentTouch || o.MaxTouchPoints > 0 || o.msMaxTouchPoints > 0) && (n.documentElement.className = n.documentElement.className.replace(/\bno-touch\b/, 'touch'));
    n.documentElement.className = n.documentElement.className.replace(/\bno-js\b/, 'js');
  })(window, document, navigator);
</script>
<link rel="stylesheet" media="all" href="https://sentres-cdn2-456069.c.cdn77.org/assets/application-4084c22da88837a03dee70969f59a0b82ae7a6d5705ce391b30c538c3f02470a.css" />



<script>
  (function(d) {
    var config = {
      async: true,
      kitId: 'yro5lth',
      scriptTimeout: 1500
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
  })(document);
</script>
<script>
  var googletag = googletag || {};
  googletag.cmd = googletag.cmd || [];
  (function() {
    var gads = document.createElement('script');
    gads.async = true;
    gads.type = 'text/javascript';
    gads.src = 'https://www.googletagservices.com/tag/js/gpt.js';
    var node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(gads, node);
  })();
</script>
<script>
  googletag.cmd.push(function() {
    var desktopMapping = googletag.sizeMapping()
      .addSize([0, 0], [])
      .addSize([1024, 768], [970, 150])
      .build();
  
    var desktopSkyscraperMapping = googletag.sizeMapping()
      .addSize([0, 0], [])
      .addSize([1024, 768], [300, 600])
      .build();
  
    var desktopTourenBannerSmallMapping = googletag.sizeMapping()
      .addSize([0, 0], [])
      .addSize([1024, 768], [200, 200])
      .build();
  
    var tabletMapping = googletag.sizeMapping()
      .addSize([0, 0], [])
      .addSize([980, 690], [728, 90])
      .addSize([1024, 768], [])
      .build();
  
    var mobileMapping = googletag.sizeMapping()
      .addSize([0, 0], [320, 100])
      .addSize([980, 690], [])
      .build();
  
    googletag
      .defineSlot('/6873613/Mobilebanner_trentino_it', [320, 100], 'div-gpt-ad-1525073863429-0')
      .defineSizeMapping(mobileMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Mobilebanner_tour_trentino_it', [320, 100], 'div-gpt-ad-1525074032010-0')
      .defineSizeMapping(mobileMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Skyscraper_trentino_it', [300, 600], 'div-gpt-ad-1525073173899-0')
      .defineSizeMapping(desktopSkyscraperMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Tablet_trentino_it', [728, 90], 'div-gpt-ad-1525073341093-0')
      .defineSizeMapping(tabletMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Tablet_trentino_tour_it', [970, 150], 'div-gpt-ad-1525073747667-0')
      .defineSizeMapping(tabletMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Tourenbanner_trentino_it', [970, 150], 'div-gpt-ad-1525073563378-0')
      .defineSizeMapping(desktopMapping)
      .addService(googletag.pubads());
    googletag
      .defineSlot('/6873613/Tourenbanner_small_it', [200, 200], 'div-gpt-ad-1495630366809-0')
      .defineSizeMapping(desktopTourenBannerSmallMapping)
      .addService(googletag.pubads());
    googletag
      .pubads()
      .enableSingleRequest();
    googletag
      .pubads()
      .collapseEmptyDivs();
    googletag
      .enableServices();
  });
</script>

</head>
<body class='it' data-locale='it'>
<!-- Google Tag Manager -->
<noscript>
<iframe height='0' src='//www.googletagmanager.com/ns.html?id=GTM-GF8J' style='display:none;visibility:hidden' width='0'></iframe>
</noscript>
<script>
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-GF8J');
</script>
<!-- End Google Tag Manager -->

<script>
  var ajax = new XMLHttpRequest();
  ajax.open("GET", "https://www.sentres.com/assets/icon-sprite-57091f0ce197b5a87a036b036bc8072cf9550ac0ff235f60441a8bd213ef8447.svg", true);
  ajax.send();
  ajax.onload = function(e) {
    var div = document.createElement("div");
    div.innerHTML = ajax.responseText;
    document.body.insertBefore(div, document.body.childNodes[0]);
  }
  
  window.flashMessages = $.parseJSON('{}')
</script>
<div class='article-header--tour-difficulty-badge'>
<span class='average card--tour-difficulty-badge'>
<span>Facile</span>

</body>
</html>