Mess around with brand

1 files changed, 14 insertions, 0 deletions

diff --git a/commun.css b/commun.css
index 16531a9..42ae00c 100644
--- a/commun.css
+++ b/commun.css
@@ -9,12 +9,26 @@ header .brand {
     max-width: 40%;
 }
 
+header .brand img {
+    transition: filter 1s;
+}
+header .brand h1 {
+    transition: color 1s;
+}
+header .brand:hover img {
+    filter: brightness(100%) sepia(100%);
+}
+header .brand:hover h1 {
+    color: #d82;
+}
+
 .brand h1 {
     margin: 0;
 }
 
 .brand img {
     height: 3em;
+    filter: brightness(0%);
 }
 
 nav {