social links profile using HTML and CSS

Whenever you hover through the list of social media link the background should be in lime color and the text should be in black color , but in your code it show lime color and white color , only when he mouse comes to the text it change to black

li:hover { background-color: hsl(75, 94%, 57%); }

to solve this you need to add one more line for color

li:hover { background-color: hsl(75, 94%, 57%); color:black; }