Hover-text is now colour coded to red/green,uncollected/collected

src/main/resources/templates/towns/caerphilly.html

@@ -105,8 +105,8 @@
     .red .uncollected{ /*taken from https://www.w3schools.com/css/css_tooltip.asp*/
         visibility: hidden;
         width: 120px;
-        background-color: whitesmoke;
-        color: red;
+        background-color: red;
+        color: whitesmoke;
         text-align: center;
         padding: 5px 0;
         border-radius: 6px;
@@ -124,14 +124,16 @@
     .red .collected{ /*taken from https://www.w3schools.com/css/css_tooltip.asp*/
         visibility: hidden;
         width: 120px;
-        background-color: whitesmoke;
-        color: green;
+        background-color: green;
+        color: whitesmoke;
         text-align: center;
         padding: 5px 0;
         border-radius: 6px;
 
         top: -5px;
         left: 105%;
+        /*background-color: whitesmoke;*/
+        /*color: green;*/