#navList {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #212529;
    list-style-type: none;
}
  
#navList li {
    float: left
}

#navDiv li a:not(#discordLogo):not(#notificationLink):not(#username_text):not(#logout_btn) {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 30px;
    text-decoration: none;
    background: linear-gradient(to bottom, #2c3034 5%, #212529 100%); /* Add gradient */
    transition: all 0.2s ease-in-out; /* Add transition */
    text-shadow: 0px 1px 0px #1d2b64; /* Add text shadow */
}
  
#navDiv li a:hover:not(#notificationLink):not(#discordLogo) {
    color: white;
    background: linear-gradient(to bottom, #212529 5%, #2c3034 100%); /* Change gradient on hover */
    transform: scale(1.1); /* Increase size on hover */
}
.socialLogo{
    width: 70px!important;
}

#logout_btn{
    float: right!important;
    color: red!important;
}

#username_text{
    color: white;
    margin: auto;
    float: right!important;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
}

#currentWeekText{
    color: white;
    margin: auto;
    float: right!important;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
}

#notificationIcon{
    width:30px;
    padding-left: 4px;
}

#notificationIcon:hover{
    cursor: pointer;
}

#discordLogo{
    display: block;
    color: white;
    text-align: center;
    padding: 6px 0px;
    text-decoration: none;
    cursor: pointer;
}

#discordLogo:hover{
    cursor: pointer;
}

#searchInput{
    margin-top: 8px;

}
#slash_bar{
    color: white;
    margin: auto;
    float: right!important;
    padding-top: 14px;
    padding-right: 10px;
    padding-left: 10px;
}
#searchBtn{
    float: right!important;
}


#searchLi{
    float: right!important;
}

#searchButton{
    padding: 5px 16px!important;
}