*{box-sizing:border-box;margin:0;font-family:sans-serif}body{color:#fff;background-color:#202a3d}p{font-size:18px}a{color:#fffcf4;font-weight:600;text-decoration:none}main{margin:0 20rem}li{list-style:none}ul{padding:0}main{width:1000px;margin:0 auto}#menu{text-align:center;background-color:#ffcb56}#menu a{color:#000}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.index h2{text-transform:uppercase;border-bottom:1px solid #ffd38b;margin:2rem 0;padding-bottom:.5rem}.index h2 span{vertical-align:center;font-size:1rem}.container{background:#5575af;border:1px solid #000;border-radius:8px;margin:2rem 0;padding:.75rem;box-shadow:0 4px 8px #0003}.content p:not(:first-child){margin-top:1em}.jump li{margin:0 .5rem;display:inline-block}.jump a:hover{text-decoration:underline}.book-card{text-align:center;flex-direction:column;padding:.75rem;transition:all .2s ease-in-out;display:flex}.book-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000080}.author{color:#ffffff80;border-radius:.2rem;padding:.1rem}.meta{line-height:2rem}.chapter{color:#0369a1;letter-spacing:.1rem;text-transform:capitalize;background-color:#e0f2fe;border:1px solid #0369a1;border-radius:.2rem;padding:.25rem;font-size:.75em;font-weight:600}.rating{color:#a16207;letter-spacing:.1rem;background-color:#fef9c3;border:1px solid #fef08a;border-radius:.2rem;padding:.25rem;font-size:.8rem;font-weight:600}.cover{width:150px}#book-info{gap:1rem;display:flex}#book-progress{margin:.5rem}.progress{color:#ffffff80}#book-tags{gap:.5rem;margin-top:.5rem;display:inline-flex}#summary{margin:1rem 0;line-height:1.5rem}@media screen and (max-width:1000px){.index{width:100%;margin:.5rem auto;padding:.5rem}#menu-items{width:100%}.shelf{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media screen and (max-width:500px){.shelf{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (max-width:700px){#menu-items{flex-direction:column;gap:1rem}#menu h1{text-align:center}#menu ul{justify-content:center}.shelf{grid-template-columns:repeat(2,1fr);gap:1.5rem}}