@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;900&family=Roboto:wght@400;500&display=swap);body{margin:0;background-color:#c1dad4;font-family:Roboto,sans-serif;text-align:center}header{position:fixed;top:0;padding:30px 0;width:100vw;height:clamp(180px,17vw,230px)}main{position:relative;z-index:100;background-color:#fff;border-radius:25px 25px 0 0;margin-top:clamp(180px,25vw,230px);padding:5vw}.BooksList .card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem}.BooksList .card-book a{display:grid;grid-template:auto 1fr/100px 1fr;box-shadow:0 0 15px -3px #bbb;align-items:center;text-decoration:none;color:#000;border-radius:10px;padding:10px 10px 20px 10px}.BooksList .card-book a:hover{box-shadow:inset 0 0 15px -3px #bbb}.BooksList .card-book a img{justify-self:center;height:auto;width:80px;grid-column:1;grid-row:2;align-self:center;filter:drop-shadow(-2px 5px 5px #bbb)}.BooksList .card-book a h3{grid-column:1/3;grid-row:1}.BooksList .card-book a p{text-align:left;font-size:11px;grid-column:2;grid-row:2}.BookDetails ul{padding:none;list-style:none;width:60%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.BookDetails ul li{flex-basis:30%;display:flex;flex-wrap:wrap;justify-content:center}.BookDetails ul li img{height:100px}.BookDetails ul li p{width:100%;flex-basis:100%}footer{height:150px;display:grid;place-items:center}h1{font-size:clamp(60px,10vw,80px);font-family:'Playfair Display',serif;font-weight:900;margin:0 0 20px 0}h2{font-size:26px}h3{font-size:clamp(12px,5vw,16px);font-weight:700}label,p{font-size:clamp(.7em,2vw,1em);width:100%;max-width:450px;margin:20px auto 30px auto}footer a,header a{position:relative;text-decoration:none;color:#000;font-weight:500}footer a:visited,header a:visited{color:#000}footer a.router-link-exact-active,footer a:hover,header a.router-link-exact-active,header a:hover{color:#fff}footer a:hover:after,header a:hover:after{content:"";position:absolute;top:0;left:0;right:0;display:block;border-bottom:2px solid #fff;margin:0 auto;bottom:-7px;width:30px;-webkit-animation:line .3s 1;animation:line .3s 1}@-webkit-keyframes line{0%{width:0}to{width:30px}}@keyframes line{0%{width:0}to{width:30px}}main a{text-decoration:none;font-weight:500}main a,main a:visited{color:#33676b}main a:hover{color:#c1dad4;text-decoration:underline}main a.router-link-exact-active{color:#fff}select{height:22px;border:0;border-bottom:1px solid #33676b;border-radius:3px}select:focus{outline-style:none;border-color:#c1dad4}button{padding:10px;border:none;border-radius:5px;background-color:#33676b;color:#fff;font-weight:700;cursor:pointer}button:hover{background-color:#c1dad4;color:#fff}.btn-bar{width:200px;margin:10px auto;border-radius:10px}.btn-bar,.btn-bar button{height:25px;background-color:#e8fef9}.btn-bar button{padding:0;width:100px;color:#33676b}.btn-bar button.active{background-color:#33676b;color:#fff}.btn-bar .sort-az{border-radius:5px 0 0 5px}.btn-bar .sort-year{border-radius:0 5px 5px 0}ol[data-v-6581f506]{text-align:left}