@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.app{margin:30px 50px 0;background-color:beige;padding-top:3rem;padding-bottom:3rem}.book{align-content:flex-start;align-items:flex-start;display:flex;flex:1 0;flex-basis:0;flex-flow:column wrap;gap:0 50px;height:500px}.book>img{height:100%}.book-selector{display:flex;justify-content:space-between;margin:0 6rem}.selector-buttons{display:flex;flex-direction:column;gap:5px;width:300px}.selector-buttons>button{height:50px}.list-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0}.list-buttons>button{height:50px;width:400px}.book-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;list-style:none;width:100%}.book-list>li{display:flex;flex:0 1 32%;height:100px;background-color:#bca2c4}li>.book{font-size:70%;gap:0 15px;height:100px;overflow:hidden}h1,h2,h3,h4,h5,p{color:#3e383e}.buttonBook{background-color:#c86ee1;border:2px solid #5D0973;color:#3e383e;transition:all .5s;cursor:pointer}.buttonBook:hover{background-color:#5d0973;color:#fff}.buttonList{background-color:#5d0973;color:#fff;transition:all .5s;cursor:pointer;border:none}.buttonList:hover{background-color:#c86ee1;color:#3e383e}.titleList{text-align:center;padding-bottom:2rem}.book{max-height:17rem;max-width:50%}.card-information{display:flex;flex-direction:column;justify-content:space-between;max-width:60%;margin-right:1rem}.book-list{padding:0 2rem;display:flex;width:calc(50% -1rem)}.button-trash{background-color:transparent;background-image:url(/assets/trash-42f754ad.png);background-size:contain;width:3rem;height:3rem;background-repeat:no-repeat;color:transparent;border:none;margin-top:1.5rem;margin-left:5rem;cursor:pointer}.container-modal{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#000000e1;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-modal{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;padding:3rem 0;color:#fff;background-color:#1a1818e8;box-shadow:0 0 5px #0003}.content-modal img{width:30%}.content-modal h4{padding:1rem 0}.content-modal p{padding:0 .5rem}.button-modal{margin-top:1rem;border:none;padding:.5rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;background-color:#d1d4cb;transition:all .5s}.button-modal:hover{background-color:#8a8b87}.header{background-image:url(/assets/book-bg-background-9e22f2a5.jpg);background-repeat:no-repeat;background-size:cover;height:120px;width:100%;background-position:center}
