#searchBox{
    pointer-events: auto;

    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--highlight);
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    color: black;
    background-color: var(--background);
    transition: border 0.5s, color 0.5s, background-color 0.5s;
}

#searchBox:focus{
    outline: none;
    border: 1px solid var(--highlight);
    color: black;
    background-color: var(--background);
}

#searchBox::placeholder{
    color: black
}

#searchBox::-webkit-input-placeholder{
    color: black
}