From ee509c1f230ff23a5f9cf8a703a9932a2b4e4676 Mon Sep 17 00:00:00 2001
From: ray <gitea@rayelliott.dev>
Date: Tue, 19 Apr 2022 17:06:22 +0100
Subject: [PATCH] background color change on orbital hover

---
 style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/style.css b/style.css
index 9027ce2..78d6cf1 100644
--- a/style.css
+++ b/style.css
@@ -150,6 +150,8 @@ ul, li {
 		top: 0;
 		left: 0;
 		border-radius: 50%;
+
+		transition: background-color 0.5s;
 	}
 }
 
@@ -157,18 +159,30 @@ ul, li {
 	&::before {
 		background-color: rgba(255, 200, 200);
 	}
+
+	&:hover::before {
+			background-color: rgba(255, 150, 150);
+	}
 }
 
 .bg--green {
 	&::before {
 		background-color: rgba(200, 255, 200);
 	}
+
+	&:hover::before {
+		background-color: rgba(150, 255, 150);
+	}
 }
 
 .bg--blue {
 	&::before {
 		background-color: rgba(200, 200, 255);
 	}
+
+	&:hover::before {
+		background-color: rgba(150, 150, 255);
+	}
 }
 
 .feature {