body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;font-family:Arial,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:20px}.navbar{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.leftnav h1{color:#fff}.leftnav a,.leftnav h1{text-decoration:none}footer{background-color:#2c3e50;color:#fff;margin-top:auto;padding:1rem;text-align:center}.search-container{margin-bottom:2rem}.search-container form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.search-container select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.search-container input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.search-container button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.search-container button:hover{background-color:#2980b9}.books-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:2rem}.book-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.book-card img{height:200px;margin-bottom:1rem;max-width:150px;object-fit:cover;width:100%}.book-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.book-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:.25rem}.loading-spinner{color:#7f8c8d;padding:2rem;text-align:center}.error-message{background-color:#e74c3c;border-radius:4px;color:#fff;margin-bottom:1rem;padding:1rem;text-align:center}.no-results{color:#7f8c8d;padding:2rem;text-align:center}@media (max-width:768px){.rightnav{display:none}.rightnav.show{background-color:#2c3e50;display:block;padding:1rem;position:absolute;right:0;top:100%;width:200px}.rightnav ul{flex-direction:column;gap:1rem}.menubar{display:block}.navbar{position:relative}}
/*# sourceMappingURL=main.42b8dcf4.css.map*/