init

ui/src/app/app.component.scss

@@ -0,0 +1,26 @@
+ul {
+  list-style-type: none; /* Remove default list styling */
+  padding: 0; /* Remove default padding */
+}
+
+li {
+  cursor: pointer; /* Change cursor to pointer on hover */
+  padding: 10px; /* Add some padding for better click area */
+  transition: background-color 0.3s; /* Smooth transition for background color */
+}
+
+li:hover {
+  color: #9a5d5d; /* Change background color on hover */
+  font-weight: bold;
+  font-size: larger;
+}
+
+.center-container {
+  margin-top: 30px;
+  display: flex; /* Use Flexbox */
+  flex-direction: column; /* Stack children vertically */
+  align-items: center; /* Center horizontally */
+  //   justify-content: center; /* Center vertically */
+  //   height: 100vh; /* Full viewport height */
+  text-align: center; /* Center text */
+}