.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;@media (min-width:600px){width:100%;height:100%}}.open-button{padding:10px 20px;border-radius:4px;background-color:red;color:#fff;cursor:pointer;border:none}.popup-content{position:relative;background:transparent;padding:20px;border-radius:10px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;@media (min-width:600px){width:100%;height:100%}}.close-button{position:absolute;top:50px;z-index:1100;right:10px;background:red;color:#fff;border:none;font-size:16px;padding:5px 10px;cursor:pointer}.book-wrapper{@media (min-width:600px){width:100%}}.book-container,.book-wrapper{display:flex;align-items:center;justify-content:center}.book-container{@media (min-width:600px){width:100%;height:100%}}.page{display:flex;justify-content:center;align-items:center;padding:0;margin:0;@media (min-width:600px){width:100%;height:100%}}.page img{width:600px;height:100%;padding:20px;object-fit:contain;border-radius:5px;@media (min-width:600px){width:100%;height:100%;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}.nav-button{background:rgba(0,0,0,.5);color:#fff;border:none;font-size:24px;padding:10px;cursor:pointer;transition:.3s}.nav-button:hover{background:rgba(0,0,0,.8)}.left{margin-right:-25px;@media (min-width:600px){margin-right:10px}}.right{position:absolute;right:-10px}