Faculty and Course Forms

client/src/Pages/Navbar.css

@@ -0,0 +1,26 @@
+/* Navbar Container */
+.navbar {
+  background-color: #800000; /* Maroon background */
+  height: 60px; /* Navbar height */
+  width: 100%; /* Full width */
+  display: flex; /* Flexbox for alignment */
+  justify-content: flex-end; /* Align items to the right */
+  align-items: center; /* Center vertically */
+  padding: 0 20px; /* Horizontal padding for spacing */
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow */
+  position: fixed; /* Fix the navbar to the top */
+  top: 0;
+  z-index: 1000; /* Place above other elements */
+}
+
+/* User Icon */
+.user-icon {
+  font-size: 30px; /* Icon size */
+  color: #fff; /* White color for the icon */
+  cursor: pointer; /* Pointer cursor on hover */
+  transition: color 0.3s ease-in-out; /* Smooth hover effect */
+}
+
+.user-icon:hover {
+  color: #ffcccc; /* Light pink on hover */
+}