@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.filter-type{list-style:none;text-align:center;padding:0;margin-top:0;z-index:1;position:relative}.filter-type .filter-parent{text-transform:capitalize;display:inline-block;padding:1rem;margin:0 .2rem;position:relative;min-width:150px;cursor:pointer;border-bottom:1px solid #fff;transition:all .3s linear}@media (max-width:768px){.filter-type .filter-parent{display:block;margin:0}}.filter-type .filter-parent:hover{background:#000;color:#fff}.filter-type .filter-parent:hover ul{opacity:1;visibility:visible}.book-filter{list-style:none;text-align:center;padding:0;margin:0;transition:all .3s linear;position:absolute;left:0;right:0;top:50px;background:#fff;height:238px;overflow-x:hidden;opacity:0;visibility:hidden;z-index:2}.book-filter.gender,.book-filter.year{height:auto}.book-filter .filter-handler{border-top:1px solid #fff}.sorter-type{list-style:none;margin-top:0;padding:0;text-align:center;overflow:auto;white-space:nowrap}.sorter-type .filter-handler{display:inline-block;margin:0 .2rem}.book-search{margin-bottom:1rem}.book-search input[type=text]{padding:.5rem 1rem;font-size:1rem;border:none;width:100%;max-width:300px;margin:auto;display:block}.clear-filter{margin-left:.5rem}.clear-filter .btn{padding:.5rem 1rem;pointer-events:all}@media (max-width:768px){.clear-filter .btn{padding:.5rem;font-size:.7rem}}header{padding-top:50px}header .col-right,header .scroll-to-top{display:flex;align-items:center}header .scroll-to-top{background:#000;width:30px;height:30px;border-radius:50%;justify-content:center;cursor:pointer}@media (max-width:768px){header .scroll-to-top{width:25px;height:25px}}header .scroll-to-top:before{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;pointer-events:none}header .top-bar{position:fixed;top:0;left:0;right:0;margin:auto;width:100%;max-width:1280px;height:50px;z-index:10;padding:.5rem 1rem;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 7px -5px rgba(0,0,0,.25)}header .top-bar h1{margin:0;font-size:1.8rem;display:flex;justify-content:center;align-items:center}@media (max-width:768px){header .top-bar h1{font-size:1.2rem}}header .top-bar h1 small{font-size:60%;margin-left:.5rem}.book-list{width:100%}.book-list .no-result{text-align:center}.book-list .box{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-flow:row}.book-list .book{background:#fff;position:relative;box-shadow:0 0 5px -3px #000}.book-list .book p{margin:0}.book-list .book .info{padding:.5rem 1rem}.book-list .book .custom{margin:0;position:absolute;left:0;background:#fff;padding:.2rem}.book-list .book .add-to-favourites{top:4rem;right:0;left:inherit;display:flex}.book-list .book .add-to-favourites.added svg{fill:red}.book-list .book .add-to-favourites svg{cursor:pointer;transition:all .3s linear}.book-list .book .add-to-favourites svg:hover{fill:red}.book-list .book .title{text-align:center;top:0;width:100%}.book-list .book .date{bottom:3.5rem;font-size:.8rem}.book-list .book .date span{color:red;font-weight:700}.book-list .book .genre{top:4rem}.book-list .book .author{bottom:0;width:100%;display:flex;justify-content:flex-start;align-items:center}.book-list .book .author span{margin-right:.5rem;padding:.5rem;background:#f1f1f1;border-radius:50%;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.book-list img{width:100%;display:block}.load-more{margin:1rem 0 0;text-align:center}.load-more .btn{margin:auto;padding:1rem}.load-more svg{position:absolute;width:20px;height:20px;top:0;right:.5rem;bottom:0;margin:auto}*,:after,:before{box-sizing:border-box}body{margin:0;background-color:#f1f1f1;font-family:"Roboto",sans-serif}.App{padding:0 1rem 1rem}.App .container{max-width:1280px;margin:auto}.App .btn,.App .container{width:100%;position:relative}.App .btn{cursor:pointer;max-width:150px;background:#000;color:#fff;border-radius:0;border:none;text-align:center;text-transform:uppercase;outline:none}.App .filter-handler{transition:all .3s linear;position:relative;color:#000;padding:.5rem;cursor:pointer}.App .filter-handler.active,.App .filter-handler:hover{background:#000;color:#fff}
/*# sourceMappingURL=main.5fc3b486.chunk.css.map */