*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{display:grid;grid-template-rows:auto 1fr auto;gap:1em;min-height:inherit}.content{display:flex;flex-wrap:wrap;gap:20px;padding:0 2em;flex:1}.btn-plus{position:relative;width:200px;height:300px;background:#fff;cursor:pointer;border:5px solid #ccc;border-radius:10px}.btn-plus:after{content:"new";transform:translate(-50%,-50%);color:#ccc;font-size:2rem;font-weight:700;position:absolute;top:50%;left:50%;text-transform:capitalize}.btn-plus:hover:after{color:#fff;transition:.2s}.btn-plus:hover{background:#ccc;transition:.2s}.app-header{padding:1em;color:#3a4660;background:#c9af98;border-bottom:5px solid #3a4660}.app-header h1{text-align:center}.book{position:relative;width:200px;height:300px;padding:.4rem;border:1px solid #3a4660}.book .image img{width:100%}.book p{display:flex;flex-direction:column;align-items:center;width:100%;height:4rem;margin:0;padding:0;position:absolute;bottom:2rem;left:0;background:#00000080;text-align:center;padding-top:.25rem;color:#3a4660;color:#fff}.book a{display:block;height:2rem;width:100%;background:#3a4660;position:absolute;bottom:0;left:0;text-decoration:none;color:#fff;text-align:center;font-size:1.2rem;padding-top:.25rem}.authors{font-weight:700}.footer{align-self:flex-end;background:#3a4660;color:#fff;padding:1em}.footer p{text-align:center}