diff --git a/Official_Website/style.css b/Official_Website/style.css
index 0f8aee23..1af05377 100644
--- a/Official_Website/style.css
+++ b/Official_Website/style.css
@@ -19,6 +19,31 @@ p {
   flex-direction: row;
 position: relative;
 }
+/* Add CSS for hover and transitions */
+.nav__list {
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.nav__item {
+  margin-right: 15px;
+}
+.nav__item a {
+  color: #333;
+  font-size: 24px;
+  transition: color 0.3s, transform 0.3s;
+}
+.nav__item a:hover {
+  color: #007BFF;
+  transform: scale(1.2);
+}
+body.dark-mode .nav__item a {
+  color: #fff;
+}
+body.dark-mode .nav__item a:hover {
+  color: #FFD700; 
+}
 /* style search container */
 .search-container {
   display: flex;