/*  bookdetailcss */
.timer {
  color: white;
  text-align: center;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  position: sticky;
  border-radius: 10px;
  background: #32323253;
  top: 0;
  z-index: 1;
}
.clock {
  padding: 2px;
  border-radius: 5px;
  background: black;
  z-index: 3;
}
.clockborder {
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 10, 10, 1) 35%,
    rgba(0, 255, 157, 1) 100%
  );
  padding: 2px;

  position: relative;
}
.clockborder::before {
  content: "";
  position: absolute;
  inset: -2px;
  transform: translate3d(1px, 0px, 1px);
  background: linear-gradient(
    90deg,
    rgba(255, 10, 10, 1) 35%,
    rgba(0, 255, 157, 1) 100%
  );
  filter: blur(5px);
  height: 32px;
  width: 70px;
  z-index: 1;
  border-radius: 11px;
}
.startBtn {
  background: blue;
  border: none;
  height: 25px;
  color: white;

  appearance: none;
  padding: 5px 10px;
  border-radius: 10px;
  z-index: 2;
}
.btnBorder {
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(
    90deg,
    rgba(255, 173, 0, 1) 34%,
    rgba(208, 0, 255, 1) 100%
  );
  padding: 2px;

  position: relative;

 
  ; 
}

.btnBorder:before {
  content: "";
  position: absolute;
  inset: -2px;
  transform: translate3d(1px, 0px, 1px);
  background: linear-gradient(
    90deg,
    rgba(255, 173, 0, 1) 34%,
    rgba(208, 0, 255, 1) 100%
  );
  filter: blur(5px);
  height: 32px;
  width: 57px;
  z-index: 1;
  border-radius: 11px;
} 

.startBtn{
  background: blue;
 
  height: 25px;
  color: white;

  appearance: none;
  padding: 5px 10px;
  border-radius: 10px;

}
.bookTitle {
  text-align: center;
  display: flex;
  justify-content: center;
}
.bookpdf {
  background: skyblue;
  height: 580px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#back {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: black;
  text-decoration: none;
  border: 1px solid rgb(211, 138, 2);
  padding: 6px 6px;
  background: rgb(255, 166, 0);
  border-radius: 4px;
  position: absolute;
  bottom: 147px;
  left: 90px;
}