@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/Cover.90b46f343a11eae09026.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0;width:100%}body,code{font-family:Outfit,sans-serif}.parent{display:flex;flex-direction:row;height:100vh;overflow:scroll;width:100%}.App{height:90vh;margin:0 0 100px;padding:20px;width:50%}header{margin-bottom:20px;text-align:center}h1,p{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}.book{position:relative}.search-bar{align-items:center;background:#9c9c9c66;border:1px solid #ccc;border-radius:5px;display:flex;margin:0 auto;max-width:550px;padding:5px}.search-bar input{background:#0000;flex:1 1;outline:none;padding:8px}.search-bar button,.search-bar input{border:none;color:#fff;font-size:15px}.search-bar button{background-color:#007bff;border-radius:5px;cursor:pointer;margin:5px 10px;padding:8px 15px}.search-bar button:hover{background-color:#073d76}.book-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0;width:100%}.book{background:#000;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;height:350px;overflow:scroll;transition:transform .3s ease;width:200px}.book:hover{box-shadow:0 0 10px #ffffff80;transform:scale(1.02)}.book img{border-top-left-radius:5px;border-top-right-radius:5px;height:250px;width:100%}.book-details{padding:10px}.book-details h3{color:#fff;font-size:.9rem;margin:5px 0}.book-details p{color:#fff;font-size:10px;font-weight:400;margin:0}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:800;margin:20px auto;padding:10px 20px;transition:.9s ease-in-out}button:hover{background-image:linear-gradient(90deg,#007bff,#8bc34a)}button:disabled{background-color:#ccc;cursor:not-allowed}.side-panel{box-shadow:-1px 0 5px #0000001a;color:#fff;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;width:30%;z-index:1}.side-panel h2,p{font-size:2rem;margin:30px 0;text-transform:uppercase}.side-panel ul{list-style:none;padding:0}.side-panel li{display:flex;margin-bottom:20px}.side-panel li img{height:120px;margin-right:10px;width:80px}.book .bookmark-checkbox{bottom:5px;position:absolute;right:5px}.book-bookmarked{border-color:#ff9800}@media (max-width:768px){.parent{display:flex;flex-direction:column}.App{margin:0;width:100%}.book-list{align-items:center;gap:20px;justify-content:center;margin:auto;width:100%}.book,.book-list{display:flex;flex-direction:column}.book{height:400px;width:250px}.book img{height:300px}.side-panel{border-left:none;border-top:1px solid #ddd;box-shadow:none;height:auto;max-height:100%;overflow-y:auto;padding:20px 0;position:static;width:100%}}
/*# sourceMappingURL=main.f34b0515.css.map*/