/* Navbar */
* {margin:0;padding:0;box-sizing:border-box; font-family: 'Quattrocento Sans', sans-serif;}
body {line-height:1.6;background:#fffbfb;color:#333;}
header {
    position:sticky;
    top:0;background:#fff;
    color:#333;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:1000;}
.navbar{ 
    display:flex; 
    justify-content:space-between;
    align-items:center;
    padding:15px 10%;
  }
.navbar .logo {
    font-size:24px;
    font-weight:bold;
  }
.navbar ul {
    list-style:none;
    display:flex;
    gap:20px;
  }
/*.navbar ul li a {*/
/*  position: relative;*/
/*  color: #000000;*/
/*  text-decoration: none;*/
/*  font-size: 16px;*/
/*  padding-bottom: 5px;*/
/*  font-weight: 600; */
/*}*/
.navbar ul li a:hover{
  color:#b75a00;
 }
  .navbar ul li a {
  position: relative;
  color: #000000;
  text-decoration: none;
  font-size: 22px;
  padding-bottom: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /*font-weight: 600; */
} 

.navbar ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #b75a00;
  transition: width 0.3s;
}

.navbar ul li a:hover::after {
  width: 100%; /* line animates under text */
}