body{background-color:#fff}.active{color:blue;font-weight:700}.book-details{padding:20px}.v-spinner .v-bounce2{-webkit-animation:v-bounceStretchDelay 2s ease-in-out 1s infinite;animation:v-bounceStretchDelay 2s ease-in-out 1s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.v-spinner .v-bounce3{-webkit-animation:v-bounceStretchDelay 2s ease-in-out 0s infinite;animation:v-bounceStretchDelay 2s ease-in-out 0s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.v-spinner .v-ring2{-webkit-animation:v-ringRightRotate 2s linear 0s infinite;animation:v-ringRightRotate 2s linear 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-ring2,.v-spinner .v-ring3{left:0;perspective:800px;position:absolute;top:0}.v-spinner .v-ring3{-webkit-animation:v-ringLeftRotate 2s linear 0s infinite;animation:v-ringLeftRotate 2s linear 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@-webkit-keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}@keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-opacity:1;opacity:1;-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-opacity:.7;opacity:.7;-webkit-transform:scale(.1);transform:scale(.1)}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-opacity:1;opacity:1;-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-opacity:.7;opacity:.7;-webkit-transform:scale(.1);transform:scale(.1)}}.book{font-family:Arial,sans-serif;padding:20px}.book-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.book-list{margin:0 auto;max-width:800px}.book-item{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.book-info{flex:3}.book-link{color:#333;text-decoration:none}.book-name{font-weight:700;margin-right:10px}.book-price{color:#007bff;margin-right:10px}.book-category{color:#888;font-style:italic}.book-actions{display:flex;flex:1;justify-content:space-between}.action-link{color:#007bff;text-decoration:none}.action-link:hover{text-decoration:underline}.action-delete{color:#dc3545;cursor:pointer}.action-delete:hover{text-decoration:underline}.book-add{margin-bottom:20px;margin-top:20px;text-align:center}.add-link{background-color:#28a745;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none}.add-link:hover{background-color:#218838}@media (min-width:1024px){.about{align-items:center;display:flex;min-height:100vh}}