:root{
    --orange:#ff7800;
    --black: #130f40;
    --light-color:#666;
    --box-shadow:0 .5rem 1rem rgba(0,0,0,.1);
    --box-shadow2:0 .5rem 1rem rgba(32, 117, 221, 0.408);
    --border:.2rem solid 1rm rgba(0,0,0,.1);
    --outline:.1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem  solid var(--black);

}

.kartim{
    box-shadow: var(--box-shadow);
}

.kartim:hover{
    box-shadow: var(--box-shadow2);
}

.kart-resim{
    width: 100%;
    height: 300px;
}



a {
    text-decoration: none;
    position: relative;
    z-index: 1;
}


.books-container::-webkit-scrollbar {
    height: 8px;
}

.books-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.books-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

    .books-container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.book-card .card {
    transition: transform 0.3s;
}

    .book-card .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }