@import"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap";*{padding:0;margin:0;font-family:"Cherry Bomb One";font-weight:normal;color:#fff}html,body{width:100%;height:100%}.container{min-height:calc(100% - 4rem);display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 2fr .5fr;gap:2rem;grid-auto-flow:row;grid-template-areas:"header" "content" "footer";padding:2rem}.header{width:100%;background:#fff7f1;display:flex;justify-content:center;align-items:center;grid-area:header;border-radius:1rem}.footer{width:100%;background:#fff7f1;display:flex;justify-content:center;align-items:center;grid-area:footer;border-radius:1rem}.content{grid-area:content;display:none}.content-wrapper{width:100%;min-height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:2rem;grid-template-areas:"pickup schedule"}@media screen and (max-width: 30rem){.content-wrapper{display:flex;flex-direction:column;justify-content:space-around}}.inner{min-height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}h2{text-align:center;font-size:5vw}@media screen and (max-width: 64rem){h2{font-size:5vh}}.answer{text-align:center;font-size:10vw}@media screen and (max-width: 64rem){.answer{font-size:10vh}}#day{text-align:center;font-size:5vw;color:#e78895}#time{text-align:center;font-size:5vw;color:#e78895}.pickup{width:100%;background:#e78895;color:#fff7f1;grid-area:pickup;border-radius:1rem}@media screen and (max-width: 30rem){.pickup{padding:2vw 0}}.schedule{width:100%;background:#bed1cf;color:#fff7f1;grid-area:schedule;border-radius:1rem}@media screen and (max-width: 30rem){.schedule{padding:2vw 0}}.holiday-wrapper{width:100%;min-height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;grid-template-areas:""}.holiday{width:100%;background:#fff7f1;border-radius:1rem}.holiday *{color:#e78895}.week-pointer{position:fixed;top:50%;left:50%;list-style:none;background:rgba(231,136,149,.75);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem);width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;transform:translate(-50%, -50%) scale(0.5);opacity:0;transition:all .5s cubic-bezier(0, 1, 1, 1)}.week-pointer li{font-size:5vh;padding:0 4vw;white-space:nowrap}.week-pointer-active{transform:translate(-50%, -50%) scale(1);opacity:1}.menu-container{position:fixed;top:50%;right:2vw;transform:translate(0, -50%);z-index:9;display:flex;flex-direction:column;gap:2rem;mix-blend-mode:exclusion}.menu{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center}.menu button{width:3rem;height:5px;border-radius:2px;background:#e78895;border:0;position:relative;transition:all .5s cubic-bezier(0, 1, 1, 1)}.menu button:before{content:"";width:3rem;height:5px;border-radius:2px;background:#e78895;position:absolute;top:-15px;left:0;transition:all .5s cubic-bezier(0, 1, 1, 1)}.menu button:after{content:"";width:3rem;height:5px;border-radius:2px;background:#e78895;position:absolute;top:15px;left:0;transition:all .5s cubic-bezier(0, 1, 1, 1)}.menu-active button{width:3rem;height:5px;border-radius:2px;background:rgba(0,0,0,0);border:0;position:relative;transition:all .5s cubic-bezier(0, 1, 1, 1)}.menu-active button:before{content:"";width:3rem;height:5px;border-radius:2px;background:#fff7f1;position:absolute;top:0;left:0;transform:rotate(135deg);transition:all .5s cubic-bezier(0, 1, 1, 1)}.menu-active button:after{content:"";width:3rem;height:5px;border-radius:2px;background:#fff7f1;position:absolute;top:0;left:0;transform:rotate(-135deg);transition:all .5s cubic-bezier(0, 1, 1, 1)}.fullscreen button{width:3rem;height:3rem;border-radius:.5rem;border:5px solid #e78895;background:rgba(0,0,0,0);transition:all .5s cubic-bezier(0, 1, 1, 1)}.fullscreen-active button{border:5px solid #fff7f1;transition:all .5s cubic-bezier(0, 1, 1, 1)}