.green-highlight {
  text-shadow: 
     3px 0px 3px green,
    -3px 0px 3px green,
     6px 0px 6px green,
    -6px 0px 6px green;

}

.red-highlight {
  text-shadow: 
     3px 0px 3px red,
    -3px 0px 3px red,
     6px 0px 6px red,
    -6px 0px 6px red;
}

.yellow-highlight {
  text-shadow: 
    -3px 0px 3px yellow,
     3px 0px 3px yellow,
     6px 0px 6px yellow,
    -6px 0px 6px yellow;
}
.green-highlight-big {
  text-shadow: 
     9px 0px 9px green,
    -9px 0px 9px green,
     18px 0px 18px green,
    -18px 0px 18px green;

}

.red-highlight-big {
  text-shadow: 
     9px 0px 9px red,
    -9px 0px 9px red,
     18px 0px 18px red,
    -18px 0px 18px red;
}

.yellow-highlight-big {
  font-style: normal;
  border-radius: 1em 0 1em 0;
  text-shadow: 1px 1px 1px #fff;
  background-image: 
    linear-gradient(-100deg, 
      rgba(255,250,150,0.15),
      rgba(255,250,150,0.8) 100%, 
      rgba(255,250,150,0.25)
    );

  /*
  text-shadow: 
	-9px 0px 1px yellow,
	 9px 0px 1px yellow,
	 18px 0px 18px yellow,
	-18px 0px 18px yellow;
  */
}