body{background-color:#333;color:#ccc;font-family:sans-serif;padding:0 1rem;animation:fadein .5s ease-in}@keyframes fadein{0%{opacity:0}to{opacity:1}}body h1{color:#d1a855}body nav{background-color:#222;padding:.5rem}body nav a{color:#aaa;text-decoration:none;margin-right:1rem}body nav a.active{color:#d3d36e}body .pageBooks p{font-size:1.4rem}body .pageBooks p strong{color:#c2a46b}body .pageBooks .addBookArea{margin-bottom:1rem}body .pageBooks fieldset.addBookForm{margin:0 2em 2em 0;padding:1em 1.5em 1.5em;border:solid 1px #777;border-radius:6px;width:49.9rem;min-width:200px;background-color:#2d5b2d}body .pageBooks fieldset.addBookForm legend{padding:0 .25em}body .pageBooks fieldset.addBookForm label{display:block;margin-bottom:.3rem}body .pageBooks fieldset.addBookForm label:after{content:":"}body .pageBooks fieldset.addBookForm input[type=text]{padding:.5em;border:1px solid #999;width:96%;margin-bottom:.5rem;font-family:courier}body .pageBooks fieldset.addBookForm textarea{width:97%;height:8rem;font-family:courier;font-size:.8rem}body .pageBooks fieldset.addBookForm .buttonRow{display:flex;justify-content:space-between;padding-right:1rem}body .pageBooks fieldset.addBookForm .buttonRow button{margin-top:1rem;display:flex;align-items:center}body .pageBooks .books .book{background-color:#222;margin-bottom:1rem;padding:1.5rem 1.5rem 2.5rem;display:flex;gap:1rem;align-items:start;width:50rem}body .pageBooks .books .book img{width:7rem;height:11rem;animation:fadeinBook 2s ease-in}body .pageBooks .books .book .info .title{font-size:1.3rem;margin-bottom:.5rem}body .pageBooks .books .book .info a{color:#d1a147}body .pageBooks .books .book .info .description{font-style:italic;margin-bottom:.5rem}body .pageBooks .books .book .info .language{color:#d4d48c}body .pageBooks .books .book .info .buttonArea{margin-top:1rem}body .pageBooks .books .book .info .buttonArea button{margin-right:.5rem}body .pageBooks .books .book .info .editArea{background:#222;max-width:33.4rem;padding:1.2rem .7rem .9rem .5rem}body .pageBooks .books .book .info .editArea .editFormButtons{margin-top:1rem;width:41.7rem;text-align:right}body .pageBooks .books .book .info .editArea .editFormButtons button{margin-right:.5rem}body .pageBooks .books .book .info .editArea .row{display:flex;gap:.5rem;margin-bottom:.3rem}body .pageBooks .books .book .info .editArea .row label{width:5.3rem}body .pageBooks .books .book .info .editArea .row label:after{content:": "}body .pageBooks .books .book .info .editArea .row div.control{width:24.5rem}body .pageBooks .books .book .info .editArea .row div.control input{width:34.3rem;font-size:.9rem;font-family:courier;padding:.5rem}body .pageBooks .books .book .info .editArea .row div.control textarea{width:35rem;height:4rem;font-size:.9rem;font-family:courier}