@import url('font.css');
@import url('color.css');





.list_book{
    margin-top: 150px;
}
.item_book{
    width: 100%;
    box-shadow: 0px 4px 6px #00000049;
    display: flex;
    border-radius: 0.75rem;
    padding: 0.5rem;
    justify-content: start;
    background-color: #f9e6d31e;
    align-items: end;
    height: 140px;
    margin-bottom: 100px;
    transition:  all 1s;

}
.item_book img{
     box-shadow: 0px 4px 6px #00000049;
    width: 130px;
    height: 180px;
    object-fit: fill;
    border-radius: 0.4rem;
    margin-left: 0.45rem;
    margin-right: 0.35rem;
  
}
.item_book:hover{
    margin-top: -25px;
 
}
.item_book .content_book{
    display: flex;
    justify-content: start;
    height: 100%;

}
.item_book h4{
    font-size: 0.95rem;
    line-height: 1.6;
    color: #000000db;
    margin-bottom: 0.75rem;
}
.item_book a{
    text-decoration: none;

}

.item_book label{
    color: var(--dark_gray);
    font-size: 0.8rem;
    line-height: 1.6;
    
   
}
@media screen and (max-width: 1200px) {
    .item_book img{

    width: 130px;
    height: 180px;
    border-radius: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0rem;
  
}
.item_book{
    height: 150px;
    margin-bottom: 5rem;
 

}

.item_book h4{
    font-size: 0.95rem;
    line-height: 1.6;
    color: #000000db;
    margin-bottom: 0.5rem;
}
.item_book a{
    text-decoration: none;

}

.item_book label{
    color: var(--dark_gray);
    font-size: 0.85rem;
   
    
   
}
}


@media screen and (max-width: 568px) {
    .item_book img{

    width: 110px;
    height: 150px;
    border-radius: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0rem;
  
}
.item_book{
    height: 110px;
    margin-bottom: 5rem;
 

}


}