:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#5d1ae2;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#edddf8d6;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{box-sizing:border-box;text-align:center;background-image:url(/react_assignments/week12/exercise12/assets/pexels-olenkabohovyk-3646105-DC3roQwX.jpg);background-attachment:no-repeat;background-position:top;background-size:cover;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}body{background:#fff}h1,h2,h3{text-transform:uppercase}h1{font-size:620%;font-weight:800}h3{color:#fff;font-size:200%;font-weight:800;line-height:auto;background:#000}a{color:#4b566e;font-weight:700}a:hover{color:#ebc831;background:#000;text-decoration:none}.header-div{background:#3271eb;width:100%}.header{text-align:left;width:1024px;height:auto;margin:auto;line-height:3.5rem}.book-list{text-align:left;grid-template-rows:repeat(6,auto);grid-template-columns:repeat(1,auto);gap:1rem;max-width:1024px;margin:auto;padding:2rem 1rem;display:grid}.book-card{max-width:800px;max-height:auto;background:#ffffffe6;border:.25rem solid #190601;border-radius:5px;flex-direction:row;margin:auto;padding:1rem;display:flex}.book-image{filter:drop-shadow(10px 10px 4px #f5a033);max-width:200px;max-height:300px;margin:auto}.book-card-flex{flex-direction:column;justify-content:space-between;margin:0 2rem;display:flex}.book-card-flex p:nth-child(2){font-style:italic}.footer-div{background:#4b566ecc;width:100%}.footer{text-align:left;color:#f5a033;width:1024px;margin:auto;padding:1rem}@media (width<=700px){h1{font-size:15vw;font-weight:800}.header{width:auto}.book-card{flex-direction:column}.book-card-flex{gap:.5rem;margin:1rem auto 0}.footer{width:auto}}