@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
html,body{letter-spacing:.2px;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h1{font-size:26px}h2,h3{text-shadow:0 2px 4px #0000001a;margin:0 0 25px;font-size:36px;font-weight:700}h3{font-size:32px}.description{text-shadow:0 1px 1px #0000001a;margin:0 0 35px;font-size:24px}.book_listing_wrap{padding:45px 0}.book_listing_wrap h2{margin-bottom:35px}.book_listing{grid-column-gap:15px;grid-row-gap:15px;grid-template-columns:repeat(1,1fr);align-items:center;margin:15px 0;display:grid}.container{max-width:1200px;margin:0 auto;padding:0 15px}.t-align-center{text-align:center}.button{color:#fff;cursor:pointer;background-color:#76836e;border:0;border-radius:4px;padding:12px 10px;font-size:15px;transition:all .2s}.button:disabled{cursor:not-allowed;opacity:.6}.button:disabled:hover{box-shadow:none}.button:hover{box-shadow:0 2px 5px #0003}.main-wrapper{flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.footer{color:#fff;text-align:center;background-color:#76836e;border-top:1px solid #cfcdc1;margin-top:45px;padding:20px 0;font-size:16px;line-height:1.3}.footer a{text-decoration:underline}@media screen and (min-width:480px){.description{font-size:20px}}@media screen and (min-width:768px){h1{font-size:32px}h2,h3{font-size:45px}.book_listing{grid-template-columns:repeat(2,1fr)}.footer{font-size:18px}}@media screen and (min-width:1024px){.book_listing{grid-template-columns:repeat(4,1fr)}}.searchbar-container{justify-content:center;width:100%;padding:24px 0;display:flex}.searchbar-wrapper{background:#e6f6e6;border:2px solid #8ddf8d;border-radius:20px;gap:10px;width:100%;max-width:900px;padding:12px;display:flex;box-shadow:0 2px 8px #0000001a}.searchbar-input{border:1px solid #ccc;border-radius:14px;outline:none;flex:1;padding:14px 16px;font-size:18px;transition:border .2s,box-shadow .2s}.searchbar-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.searchbar-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:14px;padding:14px 22px;font-size:18px;transition:background .2s}.searchbar-button:hover{background:#449d48}