html,body,.root{height:100%}body{line-height:1.5}body,.app{background:#fff}.list-books-title{padding:10px 0;background:#2e7c31;text-align:center}.list-books-title h1{font-weight:400;margin:0;color:#fff}.list-books-content{padding:0 0 80px;flex:1}.bookshelf{padding:0 10px 20px}@media(min-width:600px){.bookshelf{padding:0 20px 40px}}.bookshelf-title{border-bottom:1px solid #dedede}.bookshelf-books{text-align:center}.open-search{position:fixed;right:25px;bottom:25px;display:block;width:50px;height:50px;border-radius:50%;background:#2e7d32;background-image:url("data:image/svg+xml,%3csvg%20fill='%23ffffff'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:28px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;font-size:0}.search-books-bar{position:fixed;width:100%;top:0;left:0;z-index:5;display:flex;box-shadow:0 10px 20px #00000030,0 0 6px #0000003b}.search-books-input-wrapper{flex:1;background:#e9e}.search-books-bar input{width:100%;padding:15px 10px;font-size:1.25em;border:none;outline:none}.close-search{display:block;top:20px;left:15px;width:50px;height:53px;background:#fff;background-image:url("data:image/svg+xml,%3csvg%20fill='%23888888'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:28px;font-size:0}.search-books-results{padding:80px 10px 20px}.books-grid{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.books-grid li{padding:10px 15px;text-align:left}.book{width:140px}.book-title,.book-authors{font-size:.8em}.book-title{margin-top:10px}.book-authors{color:#999}.book-top{position:relative;height:200px;display:flex;align-items:flex-end}.book-shelf-changer{position:absolute;right:0;bottom:-10px;width:40px;height:40px;border-radius:50%;background:#60ac5d;background-image:url("data:image/svg+xml,%3csvg%20fill='%23FFFFFF'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2010l5%205%205-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:20px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.book-shelf-changer select{width:100%;height:100%;opacity:0;cursor:pointer}.book-cover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;background:#eee}.book-cover-title{padding:20px 10px 0;text-align:center;font-size:.8em}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Roboto,sans-serif}