body {
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 0;
    margin: 0;
}
.turn-page-wrapper{
    -moz-box-shadow: 10px 10px 5px #999;
    -webkit-box-shadow: 10px 10px 5px #999;
     box-shadow: 10px 10px 5px #999;
 }
.magazine-viewport {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.container {
    position: relative;
    padding: 0;
    margin: 0;
    /* box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.644); */
}
/* h2.magz {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    line-height: 100vh;
    margin-left: 5vw;
} */
.btn i {
    line-height: 100vh;
    text-align: center;
    font-size: 3vw;
    color: rgb(51, 51, 51);
    width: 3vw;
    margin: 0 1vw;
}
.btn i:hover {
    color: rgb(119, 119, 119);
}
#magazine {
    height: 95vh;
    margin: 0 auto;
}
#magazine .turn-page {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#magazine img {
    height: 100%;
}