body {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
}
h1, h3 {
    color: #000000;
}
.navbar {
    background-color: #black;
}
.navbar .nav-link {
    color: white !important;
}

.navbar-nav .nav-link:hover {
    background-color: #333 !important;
    color: white !important;
}

.navbar-nav .nav-link.active {
    background-color: #ff0000 !important;  /* Bootstrap blue */
    color: white !important;
}

.sidebar-title {
    background-color: green;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
}

a {
  color: blue; /* Set link text color to blue */
  text-decoration: none; /* Remove underline */
  font-family: Arial, sans-serif;
  font-size: 16px;
  background-color: white; /* Set background to white */
  padding: 10px 20px; /* Add padding around text */
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Round the corners */
  transition: all 0.3s ease; /* Smooth transition on hover */
  cursor: pointer; /* Change cursor on hover */
}

a:hover {
  color: red; /* Change text color on hover */
  background-color: #f0f0f0; /* Change background color on hover */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a shadow on hover */
}

a:active {
  opacity: 0.7; /* Reduce opacity on click */
}