@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(https://cdn.pixabay.com/photo/2024/04/19/12/13/ai-generated-8706226_640.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.add-book{background-color:#6d7712;color:#030303;padding:20px;border-radius:100px;font-weight:2rem;cursor:pointer;transition:.3s;border:none;outline:none;box-shadow:20px 15px 25px #0000004d;border:3px solid #070707;font-size:x-large;font-weight:700}.add-book:hover{transform:scale(.9)}.title{color:#fff;margin-top:20px;margin-bottom:20px;box-shadow:0 15px 25px #000c;padding:10px 20px;border-radius:15px;background-color:#020202}.pop-up-container{display:flex;justify-content:center;align-items:center;width:150%;z-index:10;position:absolute;height:125%}.pop-up{display:flex;flex-direction:column;box-shadow:0 15px 25px #02000033;padding:10px 20px;width:500px;border-radius:20px;background-color:#31c8ee;border:3px solid #0a6b12;justify-content:space-evenly}.pop-up p{color:#040f39;font-weight:600;margin:0 0 3px}.pop-up input,textarea{border:2px solid #c5c3c3;outline:none;transition:.4s;padding:5px 8px;margin-bottom:8px;border-radius:5px}.pop-up input:focus,textarea:focus{border:2px solid #5d52ca;outline:none}.pop-up textarea{resize:horizontal}.pop-up button{margin:5px 0 10px}.pop-up hr{background:#5d52ca;height:2px;border-radius:100px;margin:5px 0 10px}.close-icon{margin-left:auto;font-size:25px;color:#5d52ca;transition:.4s}.close-icon:hover{transform:scale(.9);cursor:pointer}.error-msg{color:red;font-size:12px}.book-details{background-color:#b8a923;color:#030407;font-weight:700;padding:10px 20px;border-radius:20px;box-shadow:0 15px 25px #0003;border:2px solid #5d52ca}.margin-right{margin-right:auto}.book-inner-container p{margin:5px 0;display:flex;align-items:center;gap:5px}.book-inner-container span{font-weight:700}.down-icon{font-size:25px;font-weight:800;cursor:pointer}.author-details{background-color:#fff;color:#040f39;padding:10px 20px;border-radius:20px;box-shadow:0 15px 25px #0003;border:2px solid #040f39;display:none}.display{top:0;display:block}.read-more{font-size:15px;position:relative;cursor:pointer;margin:0}.read-more:before{content:"";height:1px;background-color:#5d52ca;position:absolute;width:72px;bottom:0;border-radius:30px}.custom-btn{width:90px;height:35px;margin-left:5px;border:none;outline:none;border-radius:5px;transition:.4s}.edit-btn{background-color:#5d52ca;color:#fff;border:2px solid #5d52ca}.delete-btn{border:2px solid #040f39;color:#fff;background-color:#040f39;transition:.4s}.edit-btn:hover{border:2px solid #5d52ca;color:#5d52ca;background-color:#fff}.delete-btn:hover{border:2px solid #040f39;color:#040f39;background-color:#fff}.purple{color:#5d52ca}.bg-purple{background-color:#5d52ca}.white{color:#fff}.edit-input,textarea{border:2px solid #c5c3c3;outline:none;transition:.4s;padding:3px 8px;margin-bottom:8px;border-radius:5px;width:100%}.edit-input:focus,textarea:focus{border:2px solid #5d52ca;outline:none}.pop-up textarea{resize:none}.banner-img{width:450px}.banner-img img{width:100%;border-radius:50px;box-shadow:0 15px 25px #000c}@media screen and (max-height:645px){.pop-up-container{height:auto;padding:20px 0}}@media screen and (max-width:388px){.custom-btn{width:60px}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Nunito Sans",sans-serif\;}#root{width:auto;height:auto}