.header{
  background:white;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:1000;
}

.nav-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 6%;
}

.logo{
  font-size:24px;
}

.nav-links a{
  margin-left:20px;
  font-weight:600;
  color:#020617;
}

.nav-links a:hover{
  color:var(--accent);
}

/* Hamburger */
.hamburger{
  display:none;
  flex-direction:column;
  cursor:pointer;
}

.hamburger span{
  width:25px;
  height:3px;
  background:#020617;
  margin:4px 0;
  transition:.3s;
}

/* Mobile Menu */
.mobile-menu{
  display:none;
  flex-direction:column;
  background:white;
  border-top:1px solid var(--border);
}

.mobile-menu a{
  padding:15px;
  border-bottom:1px solid var(--border);
  font-weight:600;
}

.mobile-menu a:hover{
  background:#f1f5f9;
}