.merriweather-font{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.cinzel-font{font-family:Cinzel,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}body{margin:0;background-color:#f4f4f9;color:#333}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}.page-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:1200px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#5a3ec8;color:#fff;padding:10px 20px;box-shadow:0 2px 4px #0000001a}.navbar-logo{height:50px;cursor:pointer}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-left div{font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.navbar-right{display:flex;align-items:center;gap:20px}.search-bar{display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:5px 10px;box-shadow:0 2px 4px #0000001a}.search-bar input{border:none;outline:none;padding:5px;font-size:14px;width:200px}.search-bar button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:14px}.search-bar button:hover{background-color:#218838}.top-page-container{width:80%;display:flex;flex-direction:column}.top-page-container .add-btn{width:30%}.top-page-container-right{display:flex;align-items:center;gap:20px}.top-page-btn-center{display:flex;justify-content:space-around;align-items:center;gap:20px}.about-link{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.about-link:hover{text-decoration:underline}.add-btn{display:inline-block;margin:20px 0;padding:10px 15px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:center}.add-btn:hover{background-color:#218838}.all-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;background-color:#f9f9fc;border-radius:8px;box-shadow:0 2px 4px #0000001a}.book-card{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.book-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.book-card img{width:100%;height:300px;object-fit:cover;border-bottom:1px solid #ddd}.book-card article{padding:15px}.book-card h2{font-size:24px;margin:10px 0 5px;color:#333}.book-card p{margin:0;color:#555;font-size:14px}.book-card .genre{color:#5a3ec8;font-weight:700;margin-top:5px}.hover-frame{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;border-radius:35px;opacity:0;transition:opacity .3s ease}.hover-frame .book-title,.hover-frame .book-authors,.hover-frame .book-publishedDate,.hover-frame .book-categories{color:#fff;text-align:center;margin:5px;font-size:18px}.book-card:hover .hover-frame{opacity:1}.book-card:hover img{transform:scale(1.1)}.book-card .actions{display:flex;justify-content:space-between;margin-top:10px}.book-card .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.book-card .actions .edit-btn{background-color:#28a745;color:#fff}.book-card .actions .edit-btn:hover{background-color:#218838}.book-card .actions .delete-btn{background-color:#dc3545;color:#fff}.book-card .actions .delete-btn:hover{background-color:#c82333}.book-details-container{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.book-details-container img{max-width:200px;margin:20px 0;border-radius:8px;box-shadow:0 1px 3px #0000001a}.book-details-container h2{font-size:44px;color:#333;margin-bottom:10px}.book-details-container p{font-size:22px;color:#555;line-height:1.6;margin-bottom:20px}.buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.buttons button{padding:10px 15px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.back-btn button{background-color:#28a745;color:#fff}.favorite-btn button{background-color:#ffc107;color:#fff}.favorite-btn button:hover{background-color:#e0a800}.delete-btn{background-color:#a569bd;color:#fff}.edit-btn button{background-color:#007bff;color:#fff}.edit-btn button:hover{background-color:#0056b3}.add-book-container{max-width:600px;margin:40px auto;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.add-book-container h2{text-align:center;font-size:24px;color:#333;margin-bottom:20px}.add-book-form{display:flex;flex-direction:column;gap:15px}.add-book-form label{font-size:16px;font-weight:700;color:#555}.add-book-form input,.add-book-form textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a}.add-book-form input:focus,.add-book-form textarea:focus{outline:none;border-color:#5a3ec8;box-shadow:0 0 5px #5a3ec880}.add-book-form button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 15px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.add-book-form button:hover{background-color:#218838}.update-book-container{max-width:600px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.update-book-container h2{text-align:center;margin-bottom:20px;color:#333}.update-book-form{display:flex;flex-direction:column;gap:15px}.update-book-form label{font-size:16px;color:#555}.update-book-form input,.update-book-form textarea{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px}.update-book-form button{padding:10px 15px;font-size:16px;background-color:#5a3ec8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.update-book-form button:hover{background-color:#4a32a3}.footer{width:100%;background-color:#5a3ec8;color:#fff;text-align:center;padding:40px 0;font-size:14px;box-shadow:0 -2px 4px #0000001a}.footer-links{margin-top:5px}.footer-links a{color:#fff;text-decoration:none;margin:0 10px;font-weight:700}.footer-links a:hover{text-decoration:underline}.about-page{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.about-page h1{font-size:32px;color:#5a3ec8;margin-bottom:20px}.project-description{margin-bottom:40px}.project-description p{font-size:16px;color:#555;line-height:1.6}.team-section h2{font-size:24px;color:#333;margin-bottom:20px}.developer-profiles{display:flex;flex-direction:column;gap:20px;align-items:center}.developer{background-color:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a;width:100%;max-width:400px;text-align:center}.developer h3{font-size:20px;color:#333;margin-bottom:10px}.developer a{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:700;border:1px solid #007bff;padding:5px 10px;border-radius:4px;transition:all .3s ease}.developer a:hover{background-color:#007bff;color:#fff;text-decoration:none}.back-btn button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.back-btn button:hover{background-color:#218838}.favorite-btn{background-color:#ffc107;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.favorite-btn:hover{background-color:#e0a800}.delete-btn{background-color:#a569bd;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#8e44ad}.not-found-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-items:center}.not-found-style{color:#5a3ec8;font-family:Merriweather,serif;font-weight:bolder}.not-found-p{color:#333;font-size:22px;font-weight:700}.not-found-btn{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease}.not-found-btn button:hover{background-color:#218838}.span-style{font-weight:700}.App.dark-mode{background-color:#121212;color:#fff}.navbar.dark-mode{display:flex;justify-content:space-between;padding:10px 20px;background-color:#f0f0f0}.navbar a{text-decoration:none;color:inherit;margin-right:15px}.navbar .dark-mode-toggle{background-color:#1e1e1e;color:#fff;border:1px solid #000;padding:5px 10px;cursor:pointer;border-radius:5px;transition:background-color .3s ease,color .3s ease}.App.dark-mode .navbar,.App.dark-mode .footer,.App.dark-mode .page-container{background-color:#1e1e1e}.App.dark-mode .all-books{background-color:#3a3a3a}.App.dark-mode .book-card{background-color:#3a3a3a;border:1px solid #3a3a3a}.App.dark-mode .book-details-container{background-color:#3a3a3a;color:#fff}.App.dark-mode .book-details-container h2,.App.dark-mode .book-details-container p{color:#fff}.App.dark-mode .not-found-container{background-color:#3a3a3a}.App.dark-mode .back-btn button{background-color:#4caf50}App.dark-mode .back-btn button:hover{background-color:#388e3c}.App.dark-mode .delete-btn{background-color:#b983d6}.App.dark-mode .delete-btn:hover{background-color:#9b59b6}.App.dark-mode .not-found-p{color:#fff}.App.dark-mode .not-found-p-spell{color:#000}.App.dark-mode .navbar .dark-mode-toggle{border-color:#fff;color:#1e1e1e;background-color:#fff}