body{height:100%;background:#485643;font-family:'Courier New', sans-serif; font-size:15px; color: black;letter-spacing:0.5px;}

#linkity{position:relative; top:-30px}
#box1{margin:0 auto; margin-top:142px; width:800px;padding:26px;background-color:#fff;font-size:16px;line-height:22px; /*height:100%; */}
#box2{position:relative;margin-bottom:16px;width:575px;}
#box3{position:relative;float:right;width:200px;}
#foot{clear:both;text-align:center;font-size:11px;}
h1{display:block;border-right: 10px solid #71301A;font-family:'Courier New';font-size:18px;line-height:22px;font-weight:normal;background-color:#413735;letter-spacing:1px;padding:6px;color:#fff}
a{text-decoration:none;color:#827459;}
a:hover{background-color:#71301A;color:#fff;}
a.linkit{display:inline-block;width:100px;font-size:16px;color:#Ae9C7f;text-transform:uppercase;line-height:16px;letter-spacing:2px;padding:10px;border:2px #e1e1e1 solid;}
a.linkit:hover, a.longan:active{background-color:#71301A;color:#827459;border-color:#fff;-o-transition:0.3s;-ms-transition:0.3s;  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s;}
textarea{width:100%}
.book-entry {
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  align-items: flex-start; /*  This stops image stretching */
}

.book-cover {
  width: 120px;
  height: auto;
  max-height: 200px; /* stops it from stretching endlessly */
  border-radius: 4px;
  flex-shrink: 0;
  object-fit: contain; /* keeps the image nicely scaled */
}

.book-review {
  flex: 1;
  min-width: 0; /* prevents flex weirdness with overflow */
}


.book-review h2 {
  margin-top: 0;
  font-size: 16px;
  color: #333;
}

.book-review p {
  margin: 5px 0 0;
  color: #555;
  line-height: 1.4em;
}



#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #413735;
  line-height: 80px;
  text-align: center;
  font-family: 'Courier New', monospace, sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 3px;
}

.header-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.header-logo {
  height: 60px;
}

.site-title {
  display: inline-block;
}