Hallo
Ul hat ja eine Einrückung und daher konnte die Verteilung auf der linken Seite nicht berücksichtigt werden.
Das es dir um die linke Einrückung ging hast du nicht geschrieben. Ich habe das als bekannt vorausgesetzt.
Habe daher margin und padding auf null gesetzt.
padding hätte gereicht.
Wieso funktioniert "hover" nicht?
Weil die Anweisung
darken(deepskyblue, 5%);
keine Farbe ist.
Was ich noch nicht hinbekommen habe ist, den Text vertikal zu zentrieren.
Dazu mussen die a-Elemente innerhalb der li-Elemente zentriert werden, zum Beispiel mit Flexbox.
Gruss
MrMurphy