From c3f545edc15a3f09ef91856565150aaf02c49e1c Mon Sep 17 00:00:00 2001
From: Nihaal Sharma <neonsharma@hotmail.com>
Date: Sun, 4 Jun 2023 14:04:08 +0100
Subject: [PATCH] finally settled on a topbar design

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

diff --git a/style.css b/style.css
index f6ce6d0..b1a8fc0 100644
--- a/style.css
+++ b/style.css
@@ -80,17 +80,33 @@
 	}
 	.barItem h1 {
 		
+	}
+	.barItem:hover {
+		flex: 1.5;
+		background-color: #eee;
 	}
 	.barItem a:hover {
 		background-color: #111;
 		color: #eee;
 		
+		animation-name: NAME;
+		animation-delay: 0.2s;
+		animation-duration: 4s;
+		animation-iteration-count: infinite;
+
 		-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 		-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
 	}
 	.bar:has(a:hover) .barItem {
 	}
+	@keyframes wiggleRainbow{
+		0%		{background-color:red;}
+		25%		{background-color:yellow;}
+		50%		{background-color:blue;}
+		75%		{background-color:green;}
+		100%	{background-color:red;}
+	}
 /* Bar styling*/
 
 @media (prefers-color-scheme: dark) {
@@ -107,6 +123,9 @@
 	.barItem * {
 		color: #ddd;
 	}
+	.barItem:hover {
+		background-color: #555;
+	}
 	.barItem a:hover {
 		background-color: #eee;
 		color: #111;