diff --git a/index.html b/index.html
index ed45712c..3777ab60 100644
--- a/index.html
+++ b/index.html
@@ -330,13 +330,35 @@
.sort-btn.active {
opacity: 1;
}
- .sort-btn:hover {
- opacity: .8;
- }
.sort-btn:first-of-type {
margin-left: 1rem;
}
+ .sort-btn:hover {
+ opacity: 1;
+ }
+ .sort-btn:hover path:first-of-type {
+ opacity: 0.8;
+ }
+
+ #sort-color:hover path:nth-of-type(2) {
+ fill: #E57373;
+ }
+ #sort-color:hover path:nth-of-type(3) {
+ fill: #F44336;
+ }
+ #sort-color:hover path:nth-of-type(4) {
+ fill: #D32F2F;
+ }
+ #sort-color:hover path:nth-of-type(5) {
+ fill: #B71C1C;
+ }
+
+ #sort-alphabetically:hover path:nth-of-type(2),
+ #sort-alphabetically:hover path:nth-of-type(3) {
+ opacity: 1;
+ }
+
.grid {
display: flex;
flex-wrap: wrap;
@@ -510,8 +532,8 @@
-
-
+
+