@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz@6..96&family=Poppins:wght@300&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif}:root{--primary-color: #755139FF;--secondary-color: #D4B996FF}body{background-color:var(--primary-color)}html{font-size:75.5%}.header{width:100%;height:500px;color:var(--secondary-color);box-shadow:0 5px 10px var(--secondary-color);display:flex;align-items:center;position:relative}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/assets/books.0c034c5f.jpg);clip-path:circle(60% at left 300px);z-index:-1}.row2{position:absolute;top:10px;right:150px;text-align:center}.row2 h2{font-size:3rem;margin-top:20px;margin-bottom:15px}.row2 img{margin-top:30px;width:250px;border-radius:9px}.row1 h1{font-size:3rem;text-align:center;margin-left:35px;font-family:Bodoni Moda,serif}.search{display:flex;align-items:center;justify-content:center}.search input{outline:0;border:0;height:35px;width:350px;padding:0,.5rem;font-size:15px;font-weight:700}.search input:active{border:hidden;outline:none;overflow:hidden;background-color:#facea2;color:#4b3928;box-shadow:inset 5px 5px 10px -3px #000000b3;cursor:text}.search input:hover{border:hidden;outline:none;overflow:hidden;background-color:#f0c59d;color:#4b3928;box-shadow:inset 5px 5px 10px -3px #77736eb3}.search button{outline:none;border:none;height:35px;padding:0,.4rem}.container{width:65%;margin:25px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,.5fr));grid-gap:20px;box-sizing:border-box}.card{background-color:var(--secondary-color);border-radius:1rem;padding:.5rem;margin-bottom:10px;box-shadow:0 5px 5px #d4b99680;transition:.5s;text-align:center;position:relative}.card:hover{transform:scale(.9);background-color:#fffc}.card img{width:70%;height:180px;border-radius:1rem 1rem 0 0}.card .bottom{display:flex;flex-direction:column}.card .bottom .title{font-size:14px;margin-bottom:32px}.card .bottom .amount{position:absolute;bottom:10px;left:10px;right:10px;background-color:var(--primary-color);color:var(--secondary-color);font-size:13px;font-weight:700;padding:.1rem}.overlay{min-height:100vh;width:100%;position:fixed;top:0;bottom:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));display:flex;align-items:center;justify-content:center}.overlay-inner{background:white;width:700px;height:550px;padding:1.5rem;position:relative;box-sizing:border-box;font-size:1.3rem}.overlay-inner .close{position:absolute;top:1rem;right:1rem;outline:none;border:none;font-size:17px;background-color:transparent}.overlay-inner .inner-box{margin-top:30px;display:flex;justify-content:center}.overlay-inner .inner-box img{margin-top:20px;width:150px;height:200px}.overlay-inner .inner-box h3{margin-top:10px;color:green}.overlay-inner .inner-box h4{color:#00f}.overlay-inner .inner-box button{outline:none;border:none;width:100px;border-radius:5px;background-color:#24a0ed;color:#fff;font-weight:700;padding:.3rem .5rem}.overlay-inner .description{margin-top:2rem;text-align:justify;font-size:13px}