*{margin:0;padding:0}body{background-color:#f3f4f8;font-family:Times New Roman,Times,serif}.container{background-color:#fafafa;margin:50px auto 0}.container,.nave-bar{box-shadow:0 0 10px rgba(0,0,0,.1);max-width:1200px}.nave-bar{background-color:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;padding:20px}.nav-item,.nave-bar{align-items:center;display:flex}.nav-item{border-radius:5px;gap:20px;padding:10px;text-decoration:none;transition:all .3s ease}.nav-item h1{color:#0290ff;font-size:30px;font-weight:700}.nav-link{color:#121212;font-size:16px;letter-spacing:2px;opacity:.5;text-transform:uppercase}.nav-link.active,.nav-link:hover{color:#121212;opacity:1}.user{background-color:#fff;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;outline:none;padding:10px;transition:all .3s ease}.book-container,.books{display:flex;flex-direction:column;gap:20px;padding:20px;top:10%}.books{margin:0 auto;width:95%}.book-content{align-items:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;gap:20px;justify-content:space-between;padding:20px}.book-card{gap:20px}.book-card,.book-detail{display:flex;flex-direction:column}.book-detail{gap:5px}.book-detail strong{color:#121212;font-size:20px;font-weight:700;opacity:.5}.book-detail h3{color:#121212;font-size:30px;font-weight:700}.book-detail p{color:#4386bf;font-size:.875rem;font-weight:300}.btn-status{align-items:flex-start;display:flex;gap:10px;padding:10px}.btn-status button{background:#fff;border:none;color:#4386bf;cursor:pointer;outline:none;padding:10px;transition:all .3s ease}.btn-status .remove-btn{border-left:2px solid #e8e8e8;border-right:2px solid #e8e8e8}hr{border:1px solid #e8e8e8}.add-new-book h1{color:#121212;font-size:20px;font-weight:700;margin:20px;opacity:.5;text-transform:uppercase}.add-new-book form{display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding:20px}.add-new-book form input[type=text]{background-color:#fff;border:1px solid #e8e8e8;border-radius:5px;color:#121212;font-size:16px;outline:none;padding:15px;transition:all .3s ease;width:100%}.add-new-book form input:focus{border:1px solid #4386bf}.add-new-book form select{border:1px solid #e8e8e8;border-radius:5px;color:#121212;font-size:16px;font-weight:400;outline:none;width:100%}.categoriy-list button{border:none;padding:20px;width:20%}.categoriy-list button,.progress-status button{background:#0290ff;color:#fff;cursor:pointer;outline:none;transition:all .3s ease}.progress-status button{font-weight:400;padding:10px 24px}.add-new-book form button,.progress-status button{border:1px solid #e8e8e8;border-radius:5px;text-transform:uppercase}.add-new-book form button{background:#0290ff;color:#fff;cursor:pointer;outline:none;padding:15px;transition:all .3s ease;width:100%}.add-new-book form button:hover{background:#4386bf}.categoriy-list{display:flex;flex-direction:column;gap:20px;justify-content:space-between;padding:20px}.categoriy-list h1{color:#121212;font-size:20px;font-weight:700;margin:20px;opacity:.5;text-transform:uppercase}.categoriy-list p{color:#121212;font-size:30px;font-weight:400;opacity:.5}.book-progress{flex-direction:row;gap:50px;justify-content:space-between}.book-progress,.progress{align-items:center;display:flex}.progress{gap:20px;justify-content:center;padding:10px}.progress-bar{border:5px solid #0290ff;border-left-color:#e8e8e8;border-radius:50%;height:100px;position:absolute;-webkit-transform:rotate(1turn);transform:rotate(1turn);width:100px}.progress-info{align-items:center;border-right:2px solid #e8e8e8;display:flex;flex-direction:column;gap:10px;padding:0 20px}.progress-info p{color:#121212;font-size:30px;font-weight:700;opacity:1}.progress-info span{color:#121212;font-size:20px;font-weight:700;opacity:.5}.progress-status{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.progress-status p{color:#121212;font-size:14px;font-weight:700;opacity:.5;text-transform:uppercase}.progress-status span{color:#121212;font-size:12px;font-weight:700;opacity:.9}
/*# sourceMappingURL=main.d4575e32.css.map*/