Make it more obvious what state services are in

Author: gisle

styles/Home.module.css

@@ -35,6 +35,10 @@
   column-width: 25ex;
 }
 
+.servicelink {
+  opacity: 0.7;
+}
+
 .servicelink code {
   opacity: 0.5;
   font-family: monospace;
@@ -48,6 +52,15 @@
   bottom: 2px;
 }
 
+.servicelink.lifecycle-1:hover,
+.servicelink.lifecycle-2:hover,
+.servicelink.lifecycle-3:hover,
+.servicelink.lifecycle-4:hover
+{
+  opacity: 1;
+  transition: opacity 0.5s ease;
+}
+
 .servicelink.lifecycle-1 {
   opacity: 0.5;
 }
@@ -58,14 +71,13 @@
 }
 
 .servicelink.lifecycle-3 code {
-  text-decoration: line-through;
   opacity: 0.25;
   background: brown;
 }
 
 .servicelink.lifecycle-4 {
   text-decoration: line-through;
-  opacity: 0.5;
+  opacity: 0.25;
 }
 
 .servicelink.lifecycle-4 code {