body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#111;
color:white;
}

.menu-container{
max-width:1200px;
margin:auto;
padding:20px;
box-sizing:border-box;
}

.toolbar{
display:flex;
gap:10px;
justify-content:center;
margin-bottom:15px;
flex-wrap:wrap;
}

.toolbar button{
padding:10px 16px;
border:none;
border-radius:6px;
background:#ffffff;
cursor:pointer;
font-weight:bold;
}

.toolbar button:hover{
background:#e5e5e5;
}

.flipbook{
width:100%;
height:80vh;
}

.page{
background:white;
display:flex;
align-items:center;
justify-content:center;
}

.page img{
width:100%;
height:auto;
}

.mobile-menu{
display:none;
}

.mobile-menu img{
width:100%;
margin-bottom:10px;
border-radius:8px;
}

/* MOBILE */

@media(max-width:768px){

.flipbook{
display:none;
}

.toolbar{
display:none;
}

.mobile-menu{
display:block;
}

}