.display-block {
  font-family: 'Kalam';
  background-image: linear-gradient(to bottom, #F3F3F3, #BCDAFF);
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 18pt;
  margin-bottom: 5px;
}

.display-table {
  font-family: 'Kalam', sans-serif;
  font-size: 12pt;
  display: flex;
  flex-direction: row;
//  height: 100%;
  padding: 5px;
  background-image: linear-gradient(to bottom, #F3F3F3, #BCDAFF);
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.display-table.left {
  flex: 0 0 25%;
  margin-right: 5px;
  background: none;
}

.display-table.right {
  padding-top: 10px;
  flex-direction: column;
  flex: 0 0 75%;
  flex: 1;
  background: none;
}

.display-table td {
  vertical-align: top;
  flex-direction: column;
//  height: 100%;
  padding: 10px;
  border-radius: 10px; /* Rounded corners for td */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Box shadow for td */
  background-color: #e0e0e0;
}

.display-table .content-block {
  display: flex;
  flex-direction: column;
}

.display-table .content-img {
  padding-bottom: 10px;
  min-width: 100px;
  max-height: 100px;
}

.display-table img {
  max-height: 100px;
  width: auto;
}

.display-table .link {
  border: solid 1px blue;
  border-radius: 10px; /* Adjust the value to change the roundness of the corners */
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); /* Adjust the values to change the shadow effect */
  background-image: linear-gradient(to bottom, #F8F8F8, #DCE9FF);
}

.display-table .caption {
  font-weight: bold;
  margin-bottom: 10px;
}

.display-table .highlight {
  color: #ff0000;
  display: block;
  margin-bottom: 10px;
}