body{
    
}

#top-nav-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

#top-nav-left-wrapper{
    display:inline-flex;
    width:25%;
    padding:15px;
}

#top-nav-center-wrapper{
    display:inline-flex;
    width:50%;
    justify-content:center;
}

#top-nav-right-wrapper{
    display:inline-flex;
    width:25%;
    justify-content:flex-end;
}

.hamburger {
  width: 35px;           /* width of the icon */
  height: 25px;          /* height of the icon */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.hamburger span {
  display: block;
  height: 4px;           /* thickness of each bar */
  background-color: #333; /* color of bars */
  border-radius: 2px;    /* optional: rounded edges */
  transition: all 0.3s ease; /* for animation if needed */
}