#app{max-width:800px;margin:auto;font-family:Georgia,Times New Roman,Times,serif}h1,h2{text-align:center}.button-group{display:flex;justify-content:space-around}button{padding:10px;margin:30px auto;display:block;border-radius:2px;cursor:pointer;border:2px solid #e9967a;color:#e9967a;font-size:1.125em;background-color:#fff;font-weight:600;text-transform:uppercase}button:hover{background-color:#e9967a;color:#fff;transition:.1s ease-in}button:active{transform:scale(1.1)}button.positive{border-color:green;color:green}button.positive:hover{background-color:green;color:#fff}button.negative{border-color:red;color:red}button.negative:hover{background-color:red;color:#fff}.dinner{background-color:rgba(255,255,0,.5);padding:1em;border:1px dashed red}.dinner h2{margin-top:0}.dinner>div{display:flex;flex-direction:row;justify-content:space-between}.dinner-part{padding:1em;border-radius:2px;background-color:#e9967a;font-size:1.125em}.not-dinner-part{display:flex;justify-content:center;align-items:center;font-style:italic}.glide-in-enter-from,.glide-in-leave-to{opacity:0;transform:scale(0)}.glide-in-enter-active{transition:all .5s ease-out}