.flipbook-viewport{
    width:100vw;
    height:100vh;
    overflow:hidden;
    display:none;
}
.flipbook-viewport .container{
    position:absolute;
    top:50%;
    left:50%;
}
.flipbook{
    width:870px;
    height:1080px;
    position:absolute;
    left:-437px;
    top:-270px;
}
.flipbook .page{
    width:435px;
    height:540px;
    background:white;
    position:relative;
    box-shadow:
    0 0 20px rgba(0,0,0,.25);
}

.flipbook .page img{
    width:100%;
    height:100%;
    object-fit:cover;
    user-select:none;
}

.diary-text{
    position:absolute;
    font-size:30px;
    line-height:1.4;
    letter-spacing: 0.8px;
}
.left-text{
    top:70px;
    left:50px;
    width:330px;

}
.right-text{
    top:100px;
    left:70px;
    width:330px;
}
.diary-text h4{
    font-size:30px;
    font-family: "Allison", italic;
    color:#473624;
    margin: 0 0 5px 0;
    font-weight: normal;
}
.diary-text p{
    white-space:pre-line;
    font-family: "Allison", italic;
    color:#B4814B;
    margin:0;
}