.blog-search-area {
    display: flex;
    justify-content: center;
}

.blog-search-container {
    margin-bottom: 20px;
    position: relative;
}

#blog-search-input {
    width: 300px;
    padding: 8px 28px 8px 18px;
    border: 1px solid #ccc;
    border-radius: 25px;
    position: relative;
}

#blog-search-results {
    list-style: none;
    padding: 0;
}

#blog-search-results li {
    margin-bottom: 5px;
}

.hidden {
    display: none;
}

.clear-search {
    position: absolute;
    font-weight: bolder;
    left: 269px;
    bottom: 1px;
    cursor: pointer;
    padding: 8px 18px 8px 5px;
}