body { position:absolute; width:100%; height:100%; margin:0px; padding:0px; font-family:SegoeUI; }
a { text-decoration:none; color:black; padding:0px; }
a:hover { text-decoration:underline; color:blue; }
table, th, td { border:1px solid black; border-collapse:collapse; width:block }
h1 { margin:0px; padding:0px 0px 20px 0px; }
h2 { margin:0px; padding:0px 0px 10px 0px; }
p { margin:0px; padding:10px 0px 10px 0px; }
.active { color:black; font-weight:bold; }
.imglink { width:120px; height:170px; margin:0px; padding:0px 5px 5px 0px; }
.txtlink { margin:0px; padding:0px 0px 10px 0px; }
.page { height:100%; margin:0px; padding:0px; display:grid; align-items:top; grid-template-columns:10% 90%; column-gap:0px; }
.menu { margin:0px; padding:10px 0px 0px 10px; background-color:#999f8e; }
.content { margin:0px; padding:10px 10px 10px 10px; background-color:#d2d8c7; }
.container { margin:0px; padding:0px 0px 20px 0px; display:grid; align-items:top; grid-template-columns:0fr 0fr; column-gap:10px; }
.stack { margin:0px; padding:0px 0px 20px 0px; display:flex; flex-wrap:wrap; gap:0px; justify-content:flex-start; }
.book { display:flex; flex-direction:column; align-items:center; width:130px; }
.image { margin:0px; padding:0px; }
.text { margin:0px; padding:0px; }
.buy-btn { margin-top:10px; padding:0px; background-color:#4CAF50; color:white; border:none; cursor:pointer; font-size:14px; width:120px; height:40px}
.buy-btn:hover { background-color:#45a049; }