body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#b89b72;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.select-box-holder,body{align-items:center;display:flex;flex-direction:column;justify-content:center}.select-box{width:50%}.load-more-button{font-size:medium;font-weight:600;height:40px;margin-bottom:20px;width:120px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:300px){.select-box{width:90%}}@media only screen and (min-width:301px) and (max-width:400px){.select-box{width:76%}}@media only screen and (min-width:401px) and (max-width:450px){.select-box{width:66%}}@media only screen and (min-width:451px) and (max-width:600px){.select-box{width:56%}}@media only screen and (min-width:601px) and (max-width:700px){.select-box{width:46%}}@media only screen and (min-width:701px) and (max-width:800px){.select-box{width:40%}}@media only screen and (min-width:801px) and (max-width:850px){.select-box{width:36%}}@media only screen and (min-width:851px) and (max-width:900px){.select-box{width:32%}}@media only screen and (min-width:901px) and (max-width:1000px){.select-box{width:32%}}@media only screen and (min-width:1001px) and (max-width:1100px){.select-box{width:30%}}@media only screen and (min-width:1101px) and (max-width:1400px){.select-box{font-size:20px;width:360px}}@media only screen and (min-width:1401px){.select-box{font-size:20px;width:380px}}.book-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:96vw}@media only screen and (min-width:1401px){.book-list{width:70vw}}.book-search-item{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:3px 6px}.search-icon{border-radius:2px;height:18px;width:18px}.search-icon:hover{transform:scale(1.2)}@media only screen and (min-width:401px) and (max-width:450px){.search-icon{border-radius:3px;height:24px;width:24px}}@media only screen and (min-width:451px) and (max-width:600px){.search-icon{border-radius:2px;height:20px;width:20px}}@media only screen and (min-width:601px) and (max-width:700px){.search-icon{border-radius:2px;height:18px;width:18px}}@media only screen and (min-width:701px) and (max-width:800px){.search-icon{border-radius:3px;height:20px;width:20px}}@media only screen and (min-width:801px) and (max-width:850px){.search-icon{border-radius:3px;height:22px;width:22px}}@media only screen and (min-width:851px) and (max-width:900px){.search-icon{border-radius:3px;height:22px;width:22px}}@media only screen and (min-width:901px) and (max-width:1000px){.search-icon{border-radius:3px;height:23px;width:23px}}@media only screen and (min-width:1001px) and (max-width:1100px){.search-icon{border-radius:3px;height:22px;width:22px}}@media only screen and (min-width:1101px) and (max-width:1400px){.search-icon{border-radius:3px;height:27px;width:27px}}@media only screen and (min-width:1401px){.search-icon{border-radius:3px;height:25px;width:25px}}.book-search{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:8%;width:90%}@media only screen and (max-width:300px){.book-search{width:60%}}@media only screen and (min-width:301px) and (max-width:400px){.book-search{width:90%}}@media only screen and (min-width:401px) and (max-width:450px){.book-search{width:98%}}@media only screen and (min-width:451px) and (max-width:600px){.book-search{width:98%}}@media only screen and (min-width:601px) and (max-width:700px){.book-search{width:98%}}@media only screen and (min-width:701px) and (max-width:800px){.book-search{width:98%}}@media only screen and (min-width:801px) and (max-width:850px){.book-search{width:98%}}@media only screen and (min-width:851px) and (max-width:900px){.book-search{width:98%}}@media only screen and (min-width:901px) and (max-width:1000px){.book-search{width:98%}}@media only screen and (min-width:1001px) and (max-width:1100px){.book-search{width:98%}}@media only screen and (min-width:1101px) and (max-width:1400px){.book-search{width:98%}}@media only screen and (min-width:1401px){.book-search{width:160px}}.book-img{height:100%;width:100%}.book-container{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#e4d7c5;border:1px solid #b8a08a;border-radius:5px;cursor:pointer;height:60vh;justify-content:center;margin:1vw;padding:1vh;transform:translateZ(0);transition:transform .25s ease-out;width:18vw}.book-container,.book-items{align-items:center;display:flex;flex-direction:column}.book-items{height:99%;justify-content:flex-start;width:99%}.book-container:hover{transform:scale(1.05)}.book-url{align-items:center;display:flex;flex-direction:column;height:55%;justify-content:center;width:60%}.book-title{font-weight:600}.book-rating{font-weight:500}.book-star{fill:#ff8c00;height:12px;width:12px}@media only screen and (max-width:300px){.book-container{height:140vw;margin:1vw;width:40vw}.book-url{height:45%;width:100%}}@media only screen and (min-width:301px) and (max-width:400px){.book-container{height:105vw;margin:1vw;width:40vw}.book-url{height:56%;width:100%}}@media only screen and (min-width:401px) and (max-width:450px){.book-container{height:95vw;margin:1vw;width:40vw}.book-url{height:60%;width:100%}}@media only screen and (min-width:451px) and (max-width:600px){.book-container{height:70vw;margin:1vw;width:26vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:601px) and (max-width:700px){.book-container{height:56vw;margin:1vw;width:20vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:701px) and (max-width:800px){.book-container{height:52vw;margin:1vw;width:19vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:801px) and (max-width:850px){.book-container{height:46vw;margin:1vw;width:18vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:851px) and (max-width:900px){.book-container{height:46vw;margin:1vw;width:16vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:901px) and (max-width:1000px){.book-container{height:43vw;margin:1vw;width:16vw}.book-url{height:54%;width:100%}}@media only screen and (min-width:1001px) and (max-width:1100px){.book-container{height:40vw;margin:1vw;width:14vw}.book-url{height:56%;width:100%}}@media only screen and (min-width:1101px) and (max-width:1400px){.book-container{font-size:18px;height:420px;margin:10px;width:180px}.book-url{height:58%;width:100%}}@media only screen and (min-width:1401px){.book-container{font-size:16px;height:420px;margin:10px;width:180px}.book-url{height:240px;width:160px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9093ee4e.css.map*/