@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap");
.main-header {
    font-family: "Montserrat", sans-serif;
}
#userSearch {
    border: none;
}
.userSearchWrapper {
    padding: 0 15px;
    border-radius: 5px;
}
.userSearchWrapper,
.userSearchWrapper input {
    background-color: #f5f5f5;
}

.navbar-light .navbar-nav .nav-link {
    color: #333333;
    font-weight: 500;
}
.userSearchWrapper input:focus {
    background-color: #f5f5f5;
}
.dark-mode .userSearchWrapper,
.dark-mode .userSearchWrapper input {
    background-color: #333333;
    color: #ffffff;
    border: 1px solid #444444;
}

.dark-mode .userSearchWrapper input::placeholder {
    color: #aaaaaa;
}

.dark-mode .userSearchWrapper input:focus {
    background-color: #444444;
    color: #ffffff;
    border: 1px solid #555555;
    box-shadow: none;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #dddddd;
    font-weight: 500;
}
