body,
h1 {
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}




.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

.search-panel {
    display: flex;
}

.search-panel__filters {
    flex: 1;
}

.search-panel__results {
    flex: 3;
}

.ais-Highlight-highlighted {
    color: inherit;
    font-size: inherit;
}

#searchbox {
    margin-bottom: 2rem;
    width: 100%;
}


.ais-Pagination-link
{
background-color: white;

}
#pagination {
    margin: 2rem auto;
    text-align: center;
}

.hit-name {
    font-size: 3.0rem;
    font-weight: bold;
    margin-top: 10px;
}

.no-results-message,.ais-Hits--empty {
font-size: 4.0rem;
color: white;

}

.hit-authors {
    margin-top: 3px;
    font-size: 1.0rem;
}

.hit-publication-year {
    font-size: 2.0rem !important;
    margin-top: 20px;
      font-size: 1.4rem;
}

.hit-rating {

    margin-top: 3px;
    font-size: 0.8rem;
      font-size: 2.0rem;
}


.ais-Hits-item {
    
    background-color: #fff;
    font-size: 1.9rem;
    width: 97%;
    padding: 1rem;
    border: none; 
    border-radius: 15px; 
    box-shadow: 0 12px 24px rgba(0,0,0,0.2), 0 8px 16px rgba(0,0,0,0.1);
    cursor: pointer; 
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 2%;
    font-weight: bold;
}

.ais-SearchBox-input {
    padding-left: 4.5%;
    font-size: 5.5rem !important;
    

     box-shadow: 0 12px 24px rgba(0,0,0,0.2), 0 8px 42px rgba(0,0,0,0.1);
}

.ais-Hits-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* Adjust space between items as needed */
}

@media only screen and (max-width: 600px) {
    .ais-Hits-list {
        grid-template-columns: 1fr; /* Only one item per row on smaller screens */
    }
}