/* header */
header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    height: 80px;
    padding: 0 40px;
    background-color: rgb(var(--theme_rgb));
}

header .left, header .right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

header .logo {
    height: 64%;
    cursor: pointer;
}

header .navlist {
    display: flex;
    flex-direction: row;

    margin: 0 25px;
    color: white;
}


header .navlist a, header .navlist:visited {
    color: white;
}

header .navlist li {
    padding: 5px 24px;

    white-space: nowrap;

    cursor: pointer;
}

header .search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: 5px;
    background-color: rgb(255, 196, 18);
    border-radius: 20px;
}

header .search input {
    padding: 5px 15px;

    outline: none;
    border: none;
    border-radius: 15px;
}

header .search input::-webkit-input-placeholder {
    color: grey;
}

header .search button {
    height: 20px;
    padding: 0 10px 0 8px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

header .search button img {
    height: 100%;
}