body{background:#eee;font-family:Nunito,sans-serif}#main h1{color:#444;text-align:center}#main{box-sizing:border-box;height:100%;width:60%}#book-list,#main{padding:0}#book-list li{border:1px solid #880e4f;border-radius:4px;box-shadow:1px 2px 3px rgba(0,0,0,.3);color:#880e4f;cursor:pointer;display:inline-block;margin:12px;padding:10px}form{background:#fff;bottom:0;left:0;padding:20px;position:fixed;width:400px}form .field{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr}form label{padding:6px;text-align:right}form input,form select{box-sizing:border-box;margin:4px}form button{border:0;border-radius:50%;bottom:10px;cursor:pointer;font-size:2em;left:10px;padding:0 10px;position:absolute}#book-details,form button{background:#ad1457;color:#fff}#book-details{box-shadow:-2px -3px 5px rgba(0,0,0,.3);box-sizing:border-box;height:100%;overflow:auto;padding:30px;position:fixed;right:0;top:0;width:40%}
/*# sourceMappingURL=main.cad18410.css.map*/