g

* {
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.bd-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.bd-loading,
.bd-error {
  text-align: center;
  margin-top: 50px;
}

.bd-content {
  display: flex;
  flex-grow: 1;
 
}

.bd-main {
  flex-grow: 1;
  padding: 20px;
  margin-left: 18%;
  min-height: 90vh;
}


.bd-main h2{
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #cdecef;
}

.bd-info {
  display: flex;
  border-radius: 10px;
  background-color: #243F46;
  overflow: hidden;
}

.bd-image-section {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.bd-image-section img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}

.bd-content-section {
  width: 70%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bd-book-info,
.bd-member-info,
.bd-loan-dates {
  margin-bottom: 20px;
  padding: 20px;
}


.bd-book-info h3,
.bd-member-info h3,
.bd-loan-dates h3 {
  font-size: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid #FFD36A;
  display: inline-block;
  padding-bottom: 5px;
}

.bd-book-info p,
.bd-member-info p,
.bd-loan-dates p {
  font-size: 16px;
  margin: 10px 0;
  color: #dfddd1;
}

.bd-member-loan {
  display: flex;
  justify-content: space-between;
}

.bd-member-info,
.bd-loan-dates {
  width: 48%;
}