/* ! Navigation bar */
nav {
  background-color: #f2c9c9;
  padding: 5px 0; 
  width: 100%;
}

nav ul {
  list-style-type: none;
}

nav li {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.2em;
}

nav li a {
  text-decoration: none;
  color: black;
  padding: 10px 15px; 
  border-radius: 5px;
  background-color: transparent; 
  transition: all 0.4s ease-in-out; 
}

nav li a:hover {
  cursor: pointer;
  background-color: #6b5555;
  color: white;
  font-weight: bolder; 
}

.active {
    border-bottom: 2px solid #6b5555;
    font-weight: bolder;
    color: #6b5555 !important;
}

.active:hover {
  cursor:default !important;
  background-color: transparent !important;
  color: white;
  font-weight: bolder; 
}