body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#f8f8f8;margin:0;padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}button{margin-top:.5rem}hr{width:100%;color:#000}.logo{margin-right:10px}.navbar{position:absolute;top:0;left:0;min-height:3rem;display:flex;flex-direction:row;justify-content:left;gap:1rem;margin-left:1rem;align-items:center}.navbar>a{color:#000;text-decoration:none}.active{font-weight:600}.home{margin-top:5rem;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.home>div{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;text-align:center}.flexRow{display:flex;flex-direction:row;gap:2rem}.author{font-style:italic;font-weight:300}.container{width:100%;text-align:center}.content{display:flex;width:100%;gap:2rem;flex-wrap:wrap;text-overflow:wrap;justify-content:center;margin:2rem}.card{width:16%;min-width:12rem;border:1px solid black;display:flex;flex-direction:column;align-items:center;position:relative;padding:2rem;border-radius:1.5rem;overflow:wrap;box-shadow:12px 12px #0000001a;background-color:#fff}.card:hover{box-shadow:12px 12px #0003;transition:box-shadow .3s ease-in-out}.cardHeader{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.cardBody{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bookcover{width:80%}.bookcoverSingle{width:20rem}.checkedOut{font-style:italic;color:gray}.return{color:red;border-color:red}
