body{display:unset;margin:unset;overflow:hidden;background-color:#fb8d33}.loading{opacity:1;transition:opacity 5s}.loading>h1{position:relative;text-align:center;color:#333;opacity:.75;animation:pulse 2.5s linear infinite;width:100vw;margin:0 auto;font-family:Amatic SC;font-size:6vh;top:25vh}#cooking{position:relative;overflow:hidden;width:75vh;height:75vh;margin:0 auto;top:0}#cooking #area{position:absolute;transform-origin:15% 60%;animation:flip 2.1s ease-in-out infinite;background-color:#0000;width:50%;height:50%;bottom:0;right:0}@media only screen and (max-width:786px){#cooking #area{left:10em}}#cooking #area #sides{position:absolute;transform-origin:15% 60%;animation:switchSide 2.1s ease-in-out infinite;width:100%;height:100%}#cooking #area #sides #handle{position:absolute;background-color:#0000;border-top:1vh solid #333;border-left:1vh solid #0000;border-radius:100%;width:35%;height:20%;bottom:18%;right:80%;transform:rotate(20deg)rotateX(0)scale(1.3,.9)}#cooking #area #sides #pan{position:absolute;transform-origin:-15% 0;background-color:#333;border-radius:0 0 1.4em 1.4em;width:50%;height:8%;bottom:20%;right:30%}#cooking #area #pancake{position:absolute;animation:jump 2.1s ease-in-out infinite;width:100%;height:100%;top:24%;transform:rotateX(85deg)}#cooking #area #pancake #pastry{position:absolute;transform-origin:-20% 0;animation:fly 2.1s ease-in-out infinite;background-color:#333;border-radius:100%;width:40%;height:45%;bottom:26%;right:37%;box-shadow:0 0 3px #333}#cooking .bubble{position:absolute;opacity:0;border-radius:100%;box-shadow:0 0 .25vh #4d4d4d}#cooking .bubble:first-child{animation:bubble 2s cubic-bezier(.53,.16,.39,.96)infinite;background-color:#454545;width:2.5vh;height:2.5vh;margin-top:2.5vh;left:58%}#cooking .bubble:nth-child(2){animation:bubble 2s ease-in-out .35s infinite;background-color:#3d3d3d;width:2vh;height:2vh;margin-top:3vh;left:52%}#cooking .bubble:nth-child(3){animation:bubble 1.5s cubic-bezier(.53,.16,.39,.96).55s infinite;background-color:#333;width:1.5vh;height:1.5vh;margin-top:1.8vh;left:50%}#cooking .bubble:nth-child(4){animation:bubble 1.8s cubic-bezier(.53,.16,.39,.96).55s infinite;background-color:#2b2b2b;width:1.2vh;height:1.2vh;margin-top:2.7vh;left:56%}#cooking .bubble:nth-child(5){animation:bubble 1.6s ease-in-out 1s infinite;background-color:#242424;width:1.1vh;height:1.1vh;margin-top:2.7vh;left:63%}@media only screen and (max-width:786px){#cooking .bubble:first-child{left:35%}#cooking .bubble:nth-child(2){left:29%}#cooking .bubble:nth-child(3){left:27%}#cooking .bubble:nth-child(4){left:33%}#cooking .bubble:nth-child(5){left:40%}}@keyframes pulse{0%{transform:scale(1);opacity:.25}50%{transform:scaleX(1.2);opacity:1}to{transform:scale(1);opacity:.25}}@keyframes flip{0%{transform:rotate(0)}5%{transform:rotate(-27deg)}30%,50%{transform:rotate(0)}55%{transform:rotate(27deg)}83.3%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes switchSide{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes jump{0%{top:24px;transform:rotateX(85deg)}25%{top:10%;transform:rotateX(0)}50%{top:30%;transform:rotateX(85deg)}75%{transform:rotateX(0)}to{transform:rotateX(85deg)}}@keyframes fly{0%{bottom:26%;transform:rotate(0)}10%{bottom:40%}50%{bottom:26%;transform:rotate(-190deg)}80%{bottom:40%}to{bottom:26%;transform:rotate(0)}}@keyframes bubble{0%{transform:scale(.15);top:80%;opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(.33);top:60%;opacity:0}}.spacebar{color:#333;opacity:.75;animation:nudge 2.5s linear infinite;text-align:right;margin:auto;font-family:Amatic SC;font-size:4vh}.spacebar>img{width:1em;height:1em}.spacebar>img.spacebar-image{width:-moz-fit-content;width:fit-content;height:1em}@keyframes nudge{0%,50%,to{padding-right:0}25%,75%{padding-right:15px}}.story{opacity:0;display:grid;place-content: center;justify-items:center;transition:none}.story.fade-in{opacity:1;transition:opacity 1s}.story>h1{text-align:center;color:#333;grid-column:1;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-family:Amatic SC;font-size:4.5vh}@media only screen and (max-width:786px){.story>h1{word-wrap:break-word;font-size:3vh}}.story>h1.line.hidden{display:none}.story>h1.line{display:block;animation-name:text-reveal;animation-duration:4s;animation-timing-function:ease-out;animation-iteration-count:1;overflow:hidden;white-space:nowrap;letter-spacing:.1em;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:786px){.story>h1.line{white-space:normal;word-wrap:break-word;animation-timing-function:steps(1,jump-start);font-size:3vh}}@keyframes text-reveal{0%{max-width:0}to{max-width:100%}}.baking h1 span.hidden{display:none}.baking h1 span.reveal{display:block;animation-name:text-reveal;animation-duration:4s;animation-timing-function:ease-out;animation-iteration-count:1;overflow:hidden;white-space:nowrap;letter-spacing:.1em;width:-moz-fit-content;width:fit-content}.color{fill:var(--color,black)}#svg{position:absolute;overflow:visible;top:0;left:0}#content{text-align:center;user-select:none;font-family:sans-serif}.balloon{cursor:pointer}#behind_svg{z-index:1}#content{z-index:2}#svg{z-index:3}.baking{opacity:0;margin:0 auto;transition:none}.baking.fade-in{opacity:1;transition:opacity 1s}.container>h1{text-align:center;text-wrap-style:balance;color:#333;font-family:Amatic SC;font-size:6vh}.buntext{margin:unset}.container{display:flex;position:relative;justify-content:center}.oven{position:relative;display:flex;background:#222831;border-style:solid;border-color:#222831;place-content: center;width:80vmin;height:80vmin}.oven:before{content:"";position:absolute;background:#ddd;width:80vmin;height:20vmin}.oven:after{content:"";position:absolute;background:#ddd;width:80vmin;height:10vmin;bottom:0}@media only screen and (max-width:786px){.baking{display:flex;flex-flow:column wrap;align-content: center;gap:4px}.oven,.oven:before,.oven:after{width:95vmin}}.tempwording{position:absolute;color:#222831;z-index:1;user-select:none;font-family:Arial;font-size:3vmin;top:-1vmin;left:15vmin}.timerwording{position:absolute;color:#222831;z-index:1;user-select:none;font-family:Arial;font-size:3vmin;top:-1vmin;left:57vmin}.resetwording{position:absolute;color:#222831;z-index:1;user-select:none;font-family:Arial;font-size:3vmin;top:-1vmin;left:69vmin}.knob{position:absolute;animation:turnknob 4s infinite;animation-play-state:paused;background:#30475e;border-radius:50%;width:8vmin;height:8vmin;top:6vmin;bottom:10vmin;left:15vmin}.knob:after{content:"";position:absolute;background:#fcf1f1;width:2vmin;height:8vmin;left:3vmin}.knob2{position:absolute;animation:turnknob 4s infinite;animation-play-state:paused;background:#30475e;border-radius:50%;width:8vmin;height:8vmin;top:6vmin;bottom:10vmin;left:57vmin}.knob2:after{content:"";position:absolute;background:#fcf1f1;width:2vmin;height:8vmin;left:3vmin}@media only screen and (max-width:786px){.timerwording,.knob2{left:70vmin}}.clock,.timer,.temp{position:absolute;text-align:center;color:#6f9;user-select:none;background:#222831;width:25vmin;height:4vmin;padding:.5em 0;font-family:Orbitron,sans-serif;font-size:2.2vmin;top:6vmin;left:27.5vmin}@media only screen and (max-width:786px){.clock,.timer,.temp{width:38vmin;height:5.5vmin;font-size:3vmin}}.door{position:absolute;border-style:solid;border-color:#fcf1f1;width:75vmin;height:45vmin;top:22vmin}.door:before{content:"";position:absolute;background:linear-gradient(#222831,#fcf1f1);width:65vmin;height:3vmin;top:3vmin;left:5vmin}.window{position:absolute;background-color:#30475e;border-radius:10%;width:55vmin;height:30vmin;top:10vmin;left:10vmin}.rack{position:absolute;background:#ddd;width:55vmin;height:1vmin;top:20vmin;left:0}.rack:after{content:"";position:absolute;background:#ddd;border-radius:50%;width:1vmin;height:1vmin;top:-.5vmin;left:1vmin;box-shadow:2vmin 0 #ddd,4vmin 0 #ddd,6vmin 0 #ddd,8vmin 0 #ddd,10vmin 0 #ddd,12vmin 0 #ddd,14vmin 0 #ddd,16vmin 0 #ddd,18vmin 0 #ddd,20vmin 0 #ddd,22vmin 0 #ddd,24vmin 0 #ddd,26vmin 0 #ddd,28vmin 0 #ddd,30vmin 0 #ddd,32vmin 0 #ddd,34vmin 0 #ddd,36vmin 0 #ddd,38vmin 0 #ddd,40vmin 0 #ddd,42vmin 0 #ddd,44vmin 0 #ddd,46vmin 0 #ddd,48vmin 0 #ddd,50vmin 0 #ddd,52vmin 0 #ddd}.pan{position:absolute;border-bottom:6vmin solid #f05454;border-left:5vmin solid #0000;border-right:5vmin solid #0000;border-radius:3vmin;width:18vmin;height:0;bottom:10vmin;left:12vmin;transform:rotate(180deg)}.bread{position:absolute;overflow:hidden;width:28vmin;height:5vmin;bottom:16vmin;left:12vmin}.bread:after{content:"";position:absolute;animation:raisebread 8s 1s infinite forwards;background:#c19065;border-radius:50%;width:100%;height:20vmin;top:3vmin}.steam{position:absolute;width:20vmin;height:4vmin;top:8vmin;left:15vmin}.steam1{position:absolute;filter:blur(1vmin);animation:steamrise 3s ease 0s infinite;background:#fcf1f1;border-radius:50%;width:1vmin;height:5vmin;bottom:2vmin;left:10vmin}.steam2{position:absolute;filter:blur(1vmin);animation:steamrise 3s ease 0s infinite;animation-delay:1.5s;background:#fcf1f1;border-radius:50%;width:1vmin;height:5vmin;bottom:.5vmin;left:15vmin}.steam3{position:absolute;filter:blur(1vmin);animation:steamrise 3s ease 0s infinite;animation-delay:2s;background:#fcf1f1;border-radius:50%;width:1vmin;height:5vmin;bottom:.5vmin;left:5vmin}@keyframes steamrise{to{bottom:7vmin;opacity:.1}}@keyframes raisebread{to{top:0;background:#73553b}}@keyframes turnknob{0%{transform:rotate(0)}to{transform:rotate(360deg)}}