body
{
  background-image: url('assets/images/bookshelf.jpg'); /* your bookshelf background */
  background-size: cover;
background-attachment: fixed;
}

/* BOOK BUTTONS */
.book {
  position: absolute;
  width: 50px;      /* adjust to match your shelf */
  height: 70px;    /* adjust to match your shelf */
  background-size: cover;
  cursor: pointer;
}

/* Example positions — you will adjust these */
.book1 {
  top: 206px;
  left: 418px;
  background-image: url('assets/images/Brute.jpg');
}

.book2 {
  top: 206px;
  left: 478px;
  background-image: url('assets/images/Panenka.jpg');
}

.book3 {
  top: 206px;
  left: 538px;
  background-image: url('assets/images/The\ Stranger.jpg');
}

.book4 {
  top: 206px;
  left: 598px;
  background-image: url('assets/images/The\ Uninhabitable\ Earth.jpg'); 
}

.book5 {
  top: 296px;
  left: 418px;
  background-image: url('assets/images/Unbearable\ Lightness\ of\ Being.jpg'); 
}

.book6 {
  top: 296px;
  left: 478px;
  background-image: url('assets/images/Crush.jpg'); 
}

/* THE PAD (RIGHT SIDE IFRAME) */
.pad {
  position: absolute;
  top: 130px;      /* adjust to match the pad’s location */
  right: 260px;     /* adjust to match the pad’s location */
  width: 375px;    /* size of the pad writing area */
  height: 560px;
  border: none;
  background: transparent;
  overflow-y: scroll;
}
  ::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3); /* transparent white */
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.3) transparent;
}


.clover-link 
{ 
    position: fixed; 
    bottom: 20px; 
    left: 20px; 
} 
.clover-link img 
{ 
    width: 60px; 
    cursor: pointer; 
    transition: transform 0.2s ease; 
} 
.clover-link img:hover 
{ 
    transform: scale(1.1); 
}

.book 
{ 
    position: absolute; 
    width: 50px; /* adjust to your book size */ 
    height: 70px; /* adjust to your book size */ 
    background-size: cover; 
    cursor: pointer; 
    transition: transform 0.2s ease; /* smooth animation */ 
} 
.book:hover 
{ 
    transform: scale(1.2); /* zoom on hover */ 
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4));
}