/* Nav Bar CSS Begins */
.menu_list {
  display: flex;
  list-style: none;
}

.menu_list .menu {
  justify-content: end;
  padding-left: 2rem;
}

.brand_name {
  padding-top: 0.5rem;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1.5rem;
}

.brand_name a {
  text-decoration: none;
  color: rgb(226, 236, 238);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  background-color: rgb(239, 13, 13);
  border-radius: 0.25rem;
}

.brand_name a:hover {
  text-decoration: none;
  color: rgb(241, 89, 89);
  background-color: rgba(255, 255, 255, 0.912);
}

.menu {
  color: rgb(230, 241, 242);
  text-transform: uppercase;
  font-weight: 500;

  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
}

.menu:hover {
  background-color: white;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Nav Bar CSS Ends Here */