.page-menu,.page-menu *,.page-menu :before,.page-menu :after{background-color:var(--bg-color)}.page-menu .page-body{padding-top:3rem;padding-bottom:4rem}.page-menu h1{text-align:center;color:var(--orange);opacity:0;margin-top:3rem;font-size:clamp(2rem,3vw,3.5rem);font-weight:700;animation:1.5s ease-in-out .3s forwards fly-up}.page-menu .mascot{cursor:pointer;width:70%;margin:0 auto;display:block;background-color:#0000!important}.page-menu .mascot:hover{animation:1.5s ease-in-out infinite wiggle-mascot}@keyframes wiggle-mascot{0%{transform:rotate(5deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.page-menu .menu-buttons{text-align:center;color:var(--black);grid-template-columns:1fr 1fr;margin:0 3em;display:grid}.page-menu .menu-buttons button{cursor:pointer;text-align:center;color:var(--black);background-color:#0000;border-width:0;margin:0 auto;padding:1rem;font-family:Phudu,sans-serif;font-size:clamp(1.5rem,2.5vw,3rem);font-weight:600;display:block}.page-menu .menu-buttons button:hover,.page-menu .menu-buttons button.active{text-decoration:underline}.page-menu .container{opacity:0;flex-direction:column;align-items:center;margin:3rem 1rem;animation:ease-in-out forwards fly-up;animation-timeline:view();animation-range:entry cover 25%;display:flex}.page-menu h2{text-align:center;color:var(--black);font-size:1.5rem;font-weight:600}.page-menu .container p{text-align:center;color:var(--black);margin:.5rem .5rem 2em;font-family:Inter,sans-serif;font-size:clamp(.9rem,1.2vw,1rem)}.page-menu .menu-item-pic{aspect-ratio:1;object-fit:cover;border-radius:15px;width:min(100%,240px);margin:0 auto 1rem;display:block}.page-menu .container p.price{color:var(--orange);margin:.25rem .5rem;font-family:Phudu,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600}@media (width>=768px){.page-menu .mascot{width:30%;margin:0 auto;padding:2em;display:block}.page-menu .page-body{min-height:50vh;padding-top:5rem;padding-bottom:5rem}.page-menu h1{text-align:center;color:var(--orange);margin-top:3rem;font-size:2.5rem;font-weight:700}.page-menu .menu-buttons{grid-template-columns:1fr 1fr 1fr 1fr;margin:0 15em}.page-menu .menu-buttons button{font-size:1.5rem;font-weight:500}.page-menu .container{margin:3rem 15rem}.page-menu .container p{margin:.5rem .5rem 2em;font-size:clamp(1rem,1.2vw,1.5rem)}.page-menu .container p.price{margin:.25rem .5rem}.page-menu .menu-item-pic{width:min(100%,280px)}}