:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{margin:0 auto;padding:2rem;border:1px solid #007d9354;border-radius:24px;padding:24px;background-color:#fff;width:100%;max-width:800px;box-sizing:border-box}input,textarea,select{width:100%;height:30px;margin-bottom:10px}input[type=submit]{background-color:#005564;color:#fff;border:0;height:40px;margin-bottom:10px;text-transform:uppercase;cursor:pointer}textarea{height:120px}table,th,td{border:1px solid}td{padding:10px}a{font-weight:500;color:#007d93;text-decoration:inherit;display:flex}a:hover{color:#005564}.applogo{width:10%}img{max-width:100%;height:auto}body{margin:0;min-height:100vh;background-color:#f1f6f4;padding-top:4rem}h1{font-size:2.2em;line-height:1.1}header{display:flex;justify-content:space-between;gap:2rem;border-bottom:1px solid #007d9354;margin-bottom:2rem;padding-bottom:1rem}nav{display:flex;gap:1.2rem;align-items:center}footer{border-top:1px solid #007d9354;text-align:center;padding-top:1rem;margin-top:3rem;font-size:.8rem}.logo{display:flex;align-items:center;gap:.6rem}ul.books{display:flex;list-style:none;padding:0;margin:0;flex-wrap:wrap;gap:10px}ul.books li{flex:1 0 21%}ul.books li a{align-items:center;display:flex;flex-direction:column}ul.books img{max-height:200px;border-radius:5px}ul.books h3{text-align:center;font-weight:300}.bookdetails{display:flex;gap:20px}.col-1{flex-basis:40%}.col-2{flex-basis:60%}.filters{max-width:200px;margin-bottom:20px}.delete{border:0;background-color:red;color:#fff;padding:5px 10px}
