/* Navbar */
header 
{
  position: fixed;
  top: 8px;
  left: 8px;
  right: 8px;
}

#navbar 
{
  width: 100%;
  transition: width 0.5s ease-in-out;
  margin-left: auto;
}

#navbar ul 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
  background-color: #333;
  display: flex;
  justify-content: flex-end;
  border-radius: 10px;
}

#navbar li 
{
  display: inline;
  padding: 14px 16px;
}

#navbar li em 
{
  color: whitesmoke;
  font-style: normal;
  cursor: pointer;
}

#navbar li em:hover 
{
  text-decoration: underline;
}

/* Handle Scrolling Nav Bar */
#navbar.scrolled
{
  width: 310px;
}

#navbar a
{
  text-decoration: none;
  color: whitesmoke;
  font-size: 16px;
}