style.cc

static/style.css

@@ -177,7 +177,9 @@ h2{
   color: transparent;
   background-image: repeating-linear-gradient(-45deg, var(--darkpurple) 0, var(--darkpurple) 2px, var(--offwhite) 2px, var(--offwhite) 4px);
 }
-
+h2:hover{
+  animation: dash;
+}
 svg{
   background:transparent
 }
@@ -189,9 +191,9 @@ svg text{
   /*letter-spacing:4px;*/
   animation:effect 3s, dash 3s;
 }
-/*svg text:hover{
-  fill: 
-}*/
+svg text:hover{
+  fill: var(--darkpurple)
+}
 
 @keyframes effect{
   0%{
@@ -220,4 +222,8 @@ svg text{
   }
 }
 
-
+@keyframes dashy {
+  to {
+    stroke-dashoffset: 1000;
+  }
+}