@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);.circularProgressContainer{flex:0 0 100%;margin-top:40px;text-align:center}:root{--white-primary:#ccc;--white-secondary:hsla(0,0%,89%,.832);--white-tertiary:#d6dae1;--white-quaternary:#f5f5f5;--gray-primary:#b0b8c1;--gray-secondary:#9f9fbd;--gray-tertiary:#e5e5e5;--gray-quaternary:#949494;--gray-quinary:#7f7f7f;--gray-senary:#818181;--blue:#007bff;--dark-blue:#5973944d;--purple-blue:#7c58ea;--black:#000;--black-primary:#00000040;--black-secondary:#00000038;--white:#fff}.book_details{display:flex;height:-webkit-max-content;height:max-content}.book_cover_wrapper{align-items:flex-start;background-color:var(--white-secondary);display:flex;justify-content:center;max-width:400px;min-width:250px;width:40%}.book_img{box-shadow:0 14px 28px var(--black-primary),0 10px 10px var(--black-secondary);height:auto;margin:20px;min-width:150px;width:60%}.book_info_wrapper{padding:40px;text-align:left;width:60%}.book_category{color:var(--gray-senary);margin-bottom:40px}.book_title{margin-bottom:10px}.book_authors{color:var(--gray-senary);margin-bottom:30px;text-decoration:underline}.book_description{border:1px solid var(--black);font-size:13px;font-weight:500;min-height:50px;padding:15px}@media (min-width:480px){.book_title{font-size:18px}.book_authors{font-size:15px}}@media (max-width:480px){.book_details{align-items:center;flex-direction:column}.book_cover_wrapper{max-width:none;width:100%}.book_info_wrapper{padding:20px;text-align:center;width:100%}.book_img{margin:20px auto;width:80%}.book_title{font-size:24px}.book_authors{font-size:14px;margin-bottom:20px}.book_description{font-size:12px;padding:10px}}.header{display:flex;flex-direction:column;margin-bottom:1em;min-height:80px}.header_title{color:var(--white-quaternary);font-size:33px;margin:auto}.header_logo{text-decoration:none}.header_logo,.header_logo:hover{color:inherit}.header_fav{color:var(--white-quaternary);font-size:30px;margin:auto}.fav_link{color:inherit;text-decoration:none}@media (min-width:770px){.header{flex-direction:row;margin-bottom:2em}}.header_detail,.header_search_filter{background-image:url(https://i.pinimg.com/564x/46/15/9e/46159ea07d19e716c2bfa3f922b56686.jpg);padding:20px}.book_card{flex:0 1 auto;justify-content:space-between;text-decoration:none;width:190px}.card_img{border:.5px solid var(--white-tertiary);border-radius:4px;box-shadow:0 2px 4px var(--dark-blue);box-sizing:border-box}.card_img:hover{border:1px solid var(--purple-blue)}.card_title{margin-bottom:.5rem;text-overflow:ellipsis}.card_category{font-size:15px;margin-bottom:.5rem}.card_authors{margin-bottom:0}@media (min-width:480px){.card_title{font-size:18px}.card_authors{font-size:15px}}.book_list{flex-wrap:wrap;gap:2em}.book_list,.result{display:flex;justify-content:center;margin-bottom:1em}.result{font-size:20px;font-weight:700}.load_btn{background-color:var(--gray-quaternary);border:none;box-shadow:0 9px var(--gray-quinary);color:var(--gray-tertiary);cursor:pointer;display:flex;font-size:16px;margin:40px auto 50px;max-width:200px;outline:none;padding:5px 15px;text-align:center}.filter_label{color:var(--white-quaternary);font-size:14px;font-weight:700;letter-spacing:4px;margin-right:1em;text-transform:uppercase}.filter_select{border:1px solid var(--gray-secondary);border-radius:4px;box-sizing:border-box;padding:5px}.filter{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:1em;padding:8px}@media (min-width:720px){.filter{flex-direction:row}}.header_form{flex-direction:column;justify-content:space-evenly;margin-bottom:1em;padding:10px}.header_form,.search_form{align-items:center;display:flex}.search_form{justify-content:center}.search_input{border:2px solid var(--white-primary);border-radius:5px;font-size:16px;margin-right:10px;padding:10px}.search_input:focus{border-color:var(--blue);outline:none}.search_btn{background-color:var(--gray-primary);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.search_btn:hover{background-color:var(--blue)}@media (min-width:770px){.header_form{flex-direction:row;margin-bottom:2em}.search_input{flex:0.4 1}}body{border:0;margin:0;overflow-x:hidden;padding:0}
/*# sourceMappingURL=main.ed00b9d0.css.map*/