.bookshelf {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #e0d5c7;
}

.shelf {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shelf-header {
    font-family: 'georgia','00674';
    background-image: url("../images/library/shelf_header.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 360px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    padding:10px;
}

    .shelf-header .title {
       font-size:24px;
       text-align:center;
       font-weight:600
    }

.shelf-body {
    background-image: url("../images/library/shelf.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    position: relative;
    overflow-x: auto;
    width: 100%;
    padding: 15px 20px;
    border-radius: 20px;
    margin-top: 15px;
}

    .shelf-body .book {
        margin: 0 0px; 
    }
        .shelf-body .book img {
            width: 120px; /* Kitap genişliğini ayarlayın */
            height: auto;
        }

/* ::-webkit-scrollbar */
.bookshelf ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: -webkit-linear-gradient(0, #c0986d 50%, white 100%);
}

/* Track */
.bookshelf ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c0986d;
    border-radius: 3px;
}

/* Handle */
.bookshelf ::-webkit-scrollbar-thumb {
    background: #48250d;
    border-radius: 3px;
}

    /* Handle on hover */
    .bookshelf ::-webkit-scrollbar-thumb:hover {
        background: #834820;
        cursor: pointer;
    }