:root,html{background-color:#bfc55f}::placeholder{color:#aaa}body{font-family:Arial,sans-serif;background:url(../images/bg.jpg) center/cover no-repeat fixed #bfc55f;margin:0;padding:0;color:#333;user-select:none;transition:background-size .5s linear}p{margin-top:.5em}hr{border:none;border-top:1px dotted #000;margin:1rem 0}.imggg,.imgpp{width:3rem;border-radius:50%;display:inline-block;vertical-align:middle}.imgpp{margin-left:-1rem}.imgjs{width:15rem;display:block;margin:0 auto 1rem}.container{max-width:1000px;margin:0 auto;padding:20px 20px 7rem;position:relative;z-index:1}h1{text-align:center;cursor:pointer;color:#fff;border-radius:1rem;margin:1rem auto;display:block;font-size:1.3rem}.search-form{position:relative;display:flex;flex-direction:row;width:60%;margin:0 auto 3rem}.search-form input,.search-form input+span{margin-left:-125px}.search-form input{width:90%;height:4rem;padding:.5rem 1rem;border:.2rem dotted #6d8cc0;border-radius:1.6rem;box-sizing:border-box;font-size:1.3rem;outline:0;user-select:auto;background-color:rgba(255,255,255,.9)}.search-form input:focus{border-style:solid}.search-form input:active+span,.search-form input:focus+span,.search-form input:valid+span{opacity:0}.search-form input+span{position:absolute;top:0;left:0;right:0;width:90%;height:4rem;padding:.5rem 1rem;border:1px solid #fff;border-radius:1.6rem;font-size:1rem;box-sizing:border-box;margin-bottom:20px;pointer-events:none;user-select:none}.search-form .searchbutton{width:20%;height:4rem;margin-left:10px;padding:10px 20px;border:.2rem solid #fff;border-radius:1.6rem;background-color:#6d8cc0;color:#fff;font-size:1.2rem;font-weight:700;white-space:nowrap;cursor:pointer;opacity:.9;box-sizing:border-box}.search-form .searchbutton:hover{background-color:rgba(110,141,193,.9)}.search-form .classify,.search-form .refresh{position:absolute;bottom:0;height:4rem;width:80px;padding:.5rem 1rem;border:.2rem solid #fff;border-radius:1.6rem;background-color:#bfc55f;color:#fff;font-size:1.2rem;font-weight:700;text-align:center;cursor:pointer;opacity:.85;box-sizing:border-box}.search-form .refresh{right:-35px;background:url(../images/random.svg) center/2.2rem no-repeat #bfc55f}.search-form .classify{right:-125px}.search-form .classify:active,.search-form .refresh:active{opacity:.7}.divide{margin:10vh 0 1rem;text-align:center;color:#fff;font-size:.75rem}.book-total,.search-result-total{color:#fff;text-align:center;vertical-align:middle}.book-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(50vw,1fr));gap:20px}.book-card{background-color:rgba(255,255,255,.9);padding:20px;border-radius:.8rem;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:opacity .3s;cursor:pointer;position:relative;overflow:hidden}.book-card:hover{opacity:.92}.book-card .card_mark{margin:0 .5rem 0 -2.5rem;width:2rem;height:2rem;line-height:2rem;text-align:center;font-size:1.2rem;color:#fff;background-color:#bfc55f;border-radius:.3rem;display:inline-block;box-shadow:inset 0 1px 1px rgba(0,0,0,.3)}.book-card h2{position:relative;margin:5px 0;padding-left:2.5rem;font-size:1.4em;color:#333}.book-card h2 label{position:absolute;top:-25px;right:-20px;font-size:.75rem;font-weight:100;color:#fff;background-color:#6d8cc0;border-radius:0 .8rem/.8rem .8rem 0;padding:.1em .6em}.book-card .thumbnail{float:right;width:35%;max-width:200px;margin:.5em 0 0 1rem}.book-card .thumbnail img{width:100%}.book-card .thumbnail~p{text-align:justify}.book-card .book-details{display:none;margin-top:10px}.book-card .book-details big{font-size:1rem;font-weight:800;color:#788eb5;border-bottom:1px dashed #000}.book-card .book-star{display:inline-block;vertical-align:middle}.book-star svg{width:1.5rem;height:1.5rem}.book-card.expanded .book-details{display:block}.pagination{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;width:100%;padding:1.6rem 0 2.4rem;background:rgba(192,197,109,.8);backdrop-filter:blur(6px);border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -2px 4px rgba(0,0,0,.1);user-select:none;z-index:10}.pagination button{margin:0 10px;padding:.8rem 1.6rem;border:.2rem solid #fff;border-radius:1.6rem;background-color:#c0c56d;color:#fff;font-size:1rem;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:1.6rem;font-weight:700;color:#fff}@media (max-width:768px){h1{text-align:left}.divide{margin-top:5vh}.search-form{width:100%;flex-direction:column;align-items:center}.search-form input,.search-form input+span{margin-left:0;width:100%}.search-form input{margin-bottom:20px}.search-form .searchbutton{width:50%;height:3.4rem;margin-left:50%}.search-form .classify,.search-form .refresh{height:3.4rem;width:23%;left:0;right:auto}.search-form .classify{left:25%}.book-cards{grid-template-columns:1fr}.book-card{padding:10px;margin:0}.book-card h2{font-size:1.3em}.book-card h2 label{top:-15px;right:-10px}}