body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee}@media (min-width:1281px){#main h1{color:#444;text-align:center}#main{box-sizing:border-box;width:60%;height:100%}#book-list,#main{padding:0}#book-list li{display:inline-block;margin:12px;padding:10px;border-radius:4px;border:1px solid #880e4f;box-shadow:1px 2px 3px rgba(0,0,0,.3);cursor:pointer;color:#880e4f}form{background:#fff;padding:20px;position:fixed;right:0;bottom:0;width:40%;box-sizing:border-box}form .field{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}form label{text-align:right;padding:6px}form input,form select{margin:4px;padding:6px;box-sizing:border-box}form button{font-size:2em;background:#ad1457;border:0;margin:6px 4px;display:grid;grid-column-start:2;cursor:pointer}#book-details,form button{color:#fff;box-sizing:border-box}#book-details{position:fixed;top:0;right:0;width:40%;height:70%;background:#880e4f;padding:30px;overflow:auto;box-shadow:-2px -3px 5px rgba(0,0,0,.3)}}@media (min-width:320px) and (max-width:480px){body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee}#main h1{color:#444;text-align:center}#main{box-sizing:border-box;width:100%;height:100%}#book-list,#main{padding:0}#book-list li{display:inline-block;margin:12px;padding:10px;border-radius:4px;border:1px solid #880e4f;box-shadow:1px 2px 3px rgba(0,0,0,.3);cursor:pointer;color:#880e4f}form{background:#fff;padding:20px;width:100%;box-sizing:border-box}form .field{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}form label{text-align:right;padding:6px}form input,form select{margin:4px;padding:6px;box-sizing:border-box}form button{font-size:2em;background:#ad1457;border:0;margin:6px 4px;display:grid;grid-column-start:2;cursor:pointer}#book-details,form button{color:#fff;box-sizing:border-box}#book-details{width:100%;height:100%;background:#880e4f;padding:30px;overflow:scroll;box-shadow:-2px -3px 5px rgba(0,0,0,.3)}}
/*# sourceMappingURL=main.e5dd984d.chunk.css.map */