.container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px}.book-card{background-color:#55555510;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);flex:1 1 19%;max-width:400px;padding:16px;text-align:center}.book-card img{border-radius:4px;width:100%}.book-title{font-size:1.2em;margin:10px 0}.book-author{color:#555;font-size:1em;font-size:11px;line-height:15px;margin:-5px 0}@media screen and (max-width:768px){.book-card{flex:1 1 48%}}.imgCard{align-items:center;display:flex;justify-content:center;width:100%}.imgClass{width:100px}.buyBtn{background-color:brown;border-radius:5px;color:wheat;cursor:pointer;padding:0 30px}.price{color:brown;font-weight:bolder}.rates{gap:3px;width:10px}.rates,.ratesSlot{align-items:center;display:flex;justify-content:center}.ratesSlot{padding:10px 0;width:25%}.price_rates{justify-content:center}#search_bar,.price_rates{align-items:center;display:flex}#search_bar{background-color:#55555510;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);height:40px;justify-content:space-between;width:100%}#search{align-items:center;display:flex;height:100%;padding:0 20px;width:80%}#searchBtn{background-color:brown;border-radius:5px;color:wheat;cursor:pointer;margin:0;padding:0 5px}#searchBtn,#sortbyContainer{height:100%}#sortBy{background-color:brown;border-radius:5px;color:wheat;cursor:pointer;height:100%;margin:0;padding:0 5px}#searchInput,#sortBy,#sortBy:focus{border:none;outline:none}#searchInput{background-color:transparent;width:100%}.optionClass option:hover{background-color:rgba(165,42,42,.762)}#searchInput:focus{background-color:transparent;border:none;outline:none}