@charset "utf-8";
/* CSS Document */

.titles {
  height: 20px;
  font-size: 16px;
  background-color:#0C0;
  color:#FFF;
}
  
  

  
/* Navigation bar  */
.book-grid {
 display: grid;
 grid-template-columns: 70px 140px 130px;    
 /* grid-template-columns: repeat(3,120px); /* fixed width */
/*  grid-auto-rows: 20px;                   /* fixed height */
  justify-content: center;                /* center grid horizontally */
  align-content: center;                  /* center vertically (if height allows) */
 padding: 1px;
  border-collapse: collapse;

 
}

.book-grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  font-size: 16px;   /* 👈 text size */
  color: #000000;
  text-decoration: none;
  background-color: #EEFFCC;
	border: 1px solid #99cc33;

 
}

.book-grid a:hover {
	background: #0531f5;
	color: #ffffff;
}
}
.book-grid a.active {
  background: #007bff;
}