diff --git a/css/styles.css b/css/styles.css index 095cae4..46685b5 100644 --- a/css/styles.css +++ b/css/styles.css @@ -15,6 +15,10 @@ body { padding: 0 1em; } +#grid:target.button, #list:target.button { + filter: invert(52%) sepia(2%) saturate(23%) hue-rotate(328deg) brightness(97%) contrast(82%); +} + #list:target + .photos { margin: auto; padding: 0; @@ -287,7 +291,7 @@ body { margin: 1em 0; } -.button:hover { +.button:hover, #grid:target.button:hover, #list:target.button:hover { filter: invert(90%) drop-shadow(0 0 .1em black); }