.menu-bar {
  padding-top: 30px;
}
.nav-bar {
  display: flex;
  justify-content: space-between;
  height: 50px;
  z-index: 10;
}
.nav-bar .logo img {
  height: 100%;
}
.nav-bar .menu {
  height: 60px;
}
.nav-bar .menu ul {
  display: flex;
}
.nav-bar .menu ul li a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 15px 20px;
  color: white;
}
.nav-bar .menu ul li a::after{
  display: block;
  content: "";
  border-bottom: solid 3px #bf3712;
  transform: scaleX(0);
  transition: transform 0.5s ease-in-out;
}
.nav-bar .menu ul li a:hover::after{
  transform: scaleX(1);
}