.libro {

    position: relative;

    width: 600px;

    height: 1450px;

    margin: 30px auto;

    overflow: hidden;

}



.hoja {

    position: absolute;

    width: 100%;

    height: 100%;

    transition: transform 0.5s ease-in-out;

    transform: translateX(100%);

}



.hoja:first-child {

    transform: translateX(0);

}



img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}


body {

background-color:#0c0402 ;
}


button {

    position: fixed;

    top: 50%;

    transform: translateY(-50%);

    font-size: 40px;

    padding: 10px 20px;

    cursor: pointer;

    opacity: .40 ;

}



#anterior {

    left: 10px;

}



#siguiente {

    right: 10px;

}