body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;color:#333;font-family:Baloo\ 2,cursive,sans-serif;font-size:18px;font-weight:400;line-height:1.7;margin:0}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}main{padding-top:65px}:root{--sky-blue:#a0d2eb;--hill-green-light:#7cb342;--hill-green-dark:#388e3c;--river-blue:#4fa8e0;--dino-lime:#c0ca33;--dino-orange:#fb8c00;--pants-blue:#1976d2;--pants-purple:#8e24aa;--text-dark:#212121;--title-yellow:#ffeb3b;--title-orange:#ffa726;--title-red-orange:#ff7043}h1,h2,h3,h4,h5,h6{color:#212121;color:var(--text-dark);font-weight:700;line-height:1.3;margin-bottom:.8em;margin-top:1.5em}h2{color:#8e24aa;color:var(--pants-purple);font-size:2em}p{font-weight:600;letter-spacing:.3px;margin-bottom:1.2em;margin-left:auto;margin-right:auto;max-width:65ch}.bordered-box{background-color:#fff;border:4px solid #212121;border:4px solid var(--text-dark);border-radius:20px;box-shadow:5px 5px 0 #388e3c;box-shadow:5px 5px 0 var(--hill-green-dark);margin:30px auto;max-width:750px;padding:30px 40px}button.cta-button{border:4px solid #212121;border:4px solid var(--text-dark);border-radius:30px;box-shadow:3px 3px 0 #00000080;cursor:pointer;font-family:Baloo\ 2,cursive,sans-serif;font-size:1.25em;font-weight:700;margin-top:20px;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease}button.cta-button:hover{box-shadow:5px 5px 0 #0009;transform:scale(1.05) translateY(-2px)}button.cta-button:active{box-shadow:1px 1px 0 #0009;transform:scale(1.02) translateY(1px)}.button-blue{background-color:#1976d2;background-color:var(--pants-blue);color:#fff}.button-purple{background-color:#8e24aa;background-color:var(--pants-purple);color:#fff}@media (min-width:768px){body{font-size:20px}h2{font-size:2.5em}}.app-header{align-items:baseline;background-color:var(--pants-purple);background-image:repeating-linear-gradient(-45deg,#a0d2eb26,#a0d2eb26 2px,#0000 0,#0000 12px);border-bottom:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;padding:15px 25px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.header-title a{-webkit-text-stroke:1px var(--text-dark);text-stroke:1px var(--text-dark);color:#fff;display:inline-block;font-family:Lilita One,cursive;font-size:1.8em;font-weight:400;letter-spacing:1px;line-height:1;position:relative;text-decoration:none;text-shadow:1px 1px 0 #0003;transition:color .2s ease;white-space:nowrap;z-index:1}.header-title a:hover{color:#eee}.header-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.header-nav li{margin:0}.header-nav a{color:#fff;display:inline-block;font-family:Baloo\ 2,cursive,sans-serif;font-size:1.1em;font-weight:700;line-height:1.2;padding:2px 0;position:relative;text-decoration:none;text-shadow:1px 1px 2px #0006;transition:color .2s ease}.header-nav a:hover{color:#ccc}.header-nav a:after{background-color:#ddd;bottom:-1px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.header-nav a:hover:after{transform:scaleX(1)}.hamburger-button{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:1001}.hamburger-button span{background-color:#fff;border-radius:1px;display:block;height:3px;margin:5px 0;transition:transform .3s ease,opacity .3s ease;width:25px}@media (max-width:768px){.app-header{align-items:center;padding:10px 15px}.header-title a{-webkit-text-stroke-width:1px;text-stroke-width:1px;font-size:1.6em;line-height:1.1}.header-nav ul{display:none}.hamburger-button{display:block}.header-nav{background-color:var(--pants-purple);box-shadow:0 4px 6px #0000001a;left:0;max-height:0;overflow:hidden;position:absolute;top:100%;transition:max-height .3s ease-out;width:100%}.header-nav.mobile-open{max-height:500px}.header-nav.mobile-open ul{align-items:center;display:flex;flex-direction:column;gap:0;padding:10px 0}.header-nav.mobile-open li{width:100%}.header-nav.mobile-open a{border-bottom:1px solid #ffffff1a;display:block;font-size:1.1em;padding:12px 20px;text-align:center;text-shadow:1px 1px 1px #0000004d;width:100%}.header-nav.mobile-open a:hover{background-color:#0000001a;color:#fff}.header-nav.mobile-open a:after{display:none}.header-nav.mobile-open li:last-child a{border-bottom:none}.hamburger-button[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-button[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger-button[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width:480px){.app-header{padding-left:10px;padding-right:10px}.header-title a{-webkit-text-stroke-width:.5px;text-stroke-width:.5px;font-size:1.4em;letter-spacing:.5px;white-space:nowrap}}.hero-section.fun-hero{align-items:center;background:linear-gradient(180deg,#2196f3 0,#42a5f5);display:flex;flex-direction:column;justify-content:center;min-height:auto;overflow:hidden;padding:50px 20px 0;position:relative;text-align:center}.main-title.book-title-approx{-webkit-text-stroke:3px var(--text-dark);text-stroke:3px var(--text-dark);font-family:Lilita One,cursive;font-size:5em;line-height:1.1;margin:0 0 40px;padding:0;position:relative;text-shadow:5px 5px 0 #0003;text-transform:uppercase;z-index:2}.title-breakfast{color:var(--title-yellow)}.title-for{animation-delay:.15s;color:var(--title-orange)}.title-dinner{animation-delay:.3s;color:var(--title-red-orange)}.main-title.book-title-approx span{animation:popIn .6s cubic-bezier(.68,-.55,.27,1.55) forwards;display:inline-block;opacity:0}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(20px)}70%{opacity:1;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-main-illustration-container{align-items:center;display:flex;justify-content:center;margin-bottom:40px;margin-top:35px;max-width:450px;position:relative;width:80%;z-index:1}img.hero-main-illustration{animation:rocking 2s ease-in-out infinite alternate;border:4px solid var(--text-dark);border-radius:20px;box-shadow:6px 6px 0 var(--dino-orange);display:block;height:auto;max-width:100%}img.hero-main-illustration:hover{transform:scale(1.03);transition:transform .75s ease-in-out}@keyframes rocking{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.button-orange{background-color:var(--dino-orange);color:#fff}.hero-cta-button{margin-bottom:60px;margin-top:0;position:relative;z-index:1}.hero-section.fun-hero:after{background-color:var(--text-dark);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:3}@media (max-width:768px){.main-title.book-title-approx{-webkit-text-stroke-width:2px;text-stroke-width:2px;font-size:4em;margin-bottom:30px;text-shadow:3px 3px 0 #0003}.hero-main-illustration-container{margin-bottom:30px}.hero-section.fun-hero{padding-left:15px;padding-right:15px;padding-top:40px}.hero-cta-button{margin-bottom:50px}.hero-section.fun-hero:after{height:2px}}@media (max-width:480px){.main-title.book-title-approx{font-size:3em;line-height:1.2;margin-bottom:25px}.hero-section.fun-hero{padding-top:30px}.hero-main-illustration-container{margin-bottom:25px;margin-top:25px;width:90%}.hero-cta-button{margin-bottom:40px}.hero-section.fun-hero:after{height:1px}img.hero-main-illustration:hover{transform:scale(1.02)}}.about-section{background-color:var(--hill-green-light);overflow:hidden;padding:60px 20px;position:relative}.about-section:before{background-color:var(--dino-lime);border:3px solid var(--text-dark);border-radius:45% 55% 60% 40%/50% 45% 55% 50%;bottom:-40px;content:"";height:100px;left:15%;opacity:.6;position:absolute;transform:rotate(15deg);width:100px}.about-section:after{background-color:var(--sky-blue);border:3px solid var(--text-dark);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;content:"";height:60px;opacity:.7;position:absolute;right:10%;top:10%;transform:rotate(-25deg);width:60px}.about-section .bordered-box{background-color:#fffbeb;border-style:dashed;border-width:3px;padding:40px 50px;position:relative;z-index:1}.about-section .bordered-box:after,.about-section .bordered-box:before{background-color:#a0d2eb99;border:1px solid #00000026;content:"";height:30px;position:absolute;width:70px;z-index:2}.about-section .bordered-box:before{left:-20px;top:-15px;transform:rotate(-45deg)}.about-section .bordered-box:after{bottom:-15px;right:-20px;transform:rotate(-45deg)}.about-section h2{-webkit-text-stroke:2px var(--text-dark);text-stroke:2px var(--text-dark);color:var(--dino-orange);display:inline-block;font-family:Lilita One,cursive;font-size:2.5em;font-weight:400;letter-spacing:.5px;margin-bottom:20px;padding-bottom:0;text-shadow:2px 2px 0 #0000001a;text-transform:none}.illustration-placeholder{align-items:center;border-radius:20px;color:var(--text-dark);display:flex;justify-content:center;padding:0;text-align:center}.about-illustration{background-color:#fffbeb;border:4px solid var(--text-dark);box-shadow:6px 6px 0 var(--dino-orange);margin:40px auto 10px;max-width:350px;overflow:hidden;width:70%}.illustration-image{display:block;height:auto;object-fit:contain;width:100%}@media (max-width:768px){.about-section{padding:50px 15px}.about-section .bordered-box{padding:30px}.about-section:before{bottom:-30px;height:80px;left:5%;width:80px}.about-section:after{height:40px;right:5%;top:5%;width:40px}.about-section .bordered-box:before{left:-15px}.about-section .bordered-box:after{right:-15px}.about-section h2{-webkit-text-stroke-width:1.5px;text-stroke-width:1.5px;font-size:2.3em;text-shadow:1px 1px 0 #0000001a}}@media (max-width:480px){.about-section .bordered-box{padding:25px 20px}.about-illustration{margin-top:30px;width:80%}.about-section .bordered-box:after,.about-section .bordered-box:before{height:20px;width:50px}.about-section .bordered-box:before{left:-10px;top:-10px}.about-section .bordered-box:after{bottom:-10px;right:-10px}.about-section h2{font-size:2em}}.cta-section{background:linear-gradient(180deg,#2196f3 0,#42a5f5);color:#fff;overflow:hidden;padding:80px 20px 90px;position:relative}.cta-section:after{background-color:var(--sky-blue);border:3px solid var(--text-dark);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;content:"";height:60px;opacity:.7;position:absolute;right:10%;top:10%;transform:rotate(-25deg);width:60px;z-index:0}.cta-section h2{-webkit-text-stroke:2px var(--text-dark);text-stroke:2px var(--text-dark);color:var(--title-yellow);display:inline-block;font-family:Lilita One,cursive;font-size:2.5em;font-weight:400;letter-spacing:.5px;margin-bottom:30px;position:relative;text-shadow:2px 2px 0 #00000026;text-transform:none;z-index:1}.cta-form-container{margin-left:auto;margin-right:auto;max-width:550px;position:relative;z-index:1}.cta-form-container form{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.email-input,.name-input{border:3px solid var(--pants-purple);border-radius:25px;box-shadow:inset 2px 2px 3px #0003;box-sizing:border-box;font-family:Baloo\ 2,cursive,sans-serif;font-size:1.05em;padding:12px 20px}.name-input{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:160px;order:1}.email-input{flex-basis:100%;order:2}.cta-form-container .cta-button{max-width:320px;order:3;width:100%}@media (max-width:768px){.cta-section{padding:70px 15px 80px}.cta-section h2{-webkit-text-stroke-width:1.5px;text-stroke-width:1.5px;font-size:2.3em;margin-bottom:25px;text-shadow:1px 1px 0 #00000026}.cta-section:after{height:40px;right:5%;top:5%;width:40px}.cta-form-container{max-width:500px}}@media (max-width:480px){.cta-section{padding-bottom:70px}.cta-section h2{font-size:2em;margin-bottom:20px}.email-input,.name-input{flex-basis:100%;min-width:90%;order:0}.email-input{order:1}.cta-form-container .cta-button{flex-basis:90%;margin-top:0;max-width:90%;order:2}}.food-sort-game-section{background-color:var(--hill-green-light);border-bottom:4px dashed var(--text-dark);border-top:4px dashed var(--text-dark);color:var(--text-dark);margin-bottom:0;margin-top:0;overflow:hidden;padding:50px 20px;position:relative}.food-sort-game-section:after,.food-sort-game-section:before{background-color:#ffffff4d;border-radius:50%;content:"";height:50px;position:absolute;width:50px;z-index:0}.food-sort-game-section:before{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;left:10%;top:15%}.food-sort-game-section:after{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:10%;right:15%}.food-sort-game-section h2{-webkit-text-stroke:2px var(--text-dark);text-stroke:2px var(--text-dark);color:#fff;font-family:Lilita One,cursive;font-size:2.8em;margin-bottom:20px;position:relative;text-shadow:3px 3px 0 #00000026;z-index:1}.game-intro p,.game-over p{font-size:1.1em;font-weight:600;margin-bottom:25px;position:relative;z-index:1}.game-area{background-color:#fffc;border:3px solid var(--text-dark);border-radius:15px;box-shadow:4px 4px 0 var(--hill-green-dark);margin:20px auto;max-width:500px;padding:30px;position:relative;z-index:1}.game-stats{font-feature-settings:"tnum";color:var(--pants-purple);display:flex;font-size:1.2em;font-variant-numeric:tabular-nums;font-weight:700;justify-content:space-between;margin-bottom:25px}.game-item{background-color:#fffbeb;border:2px dashed var(--dino-orange);border-radius:10px;margin-bottom:15px;padding:20px}.item-emoji{display:block;font-size:3em;margin-bottom:5px}.item-name{color:var(--text-dark);font-size:1.5em;font-weight:700}.game-feedback{color:var(--pants-blue);font-size:1.1em;font-weight:600;margin-bottom:20px;min-height:1.5em}.game-choices{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.button-green{background-color:var(--hill-green-dark);color:#fff}.button-yellow{background-color:var(--title-yellow);border-color:var(--dino-orange);box-shadow:3px 3px 0 var(--dino-orange);color:var(--text-dark)}.button-yellow:hover{box-shadow:5px 5px 0 var(--dino-orange)}.button-yellow:active{box-shadow:1px 1px 0 var(--dino-orange)}.game-over h3{color:var(--dino-orange);font-size:2em;margin-bottom:10px;position:relative;z-index:1}@media (max-width:768px){.food-sort-game-section h2{-webkit-text-stroke-width:1.5px;text-stroke-width:1.5px;font-size:2.4em}.game-area{padding:20px}}@media (max-width:480px){.food-sort-game-section{padding:40px 15px}.food-sort-game-section h2{font-size:2em}.game-stats{font-size:1.1em;margin-bottom:20px}.item-emoji{font-size:2.5em}.item-name{font-size:1.3em}.game-choices button.cta-button{font-size:1.1em;padding:12px 25px;width:45%}.game-choices{gap:10px}}.app-footer{background-color:var(--text-dark);color:#f0f0f0;font-size:.9em;margin-top:auto;padding:5px 25px;text-align:center}.scroll-to-top{position:relative}.scroll-button{align-items:center;background-color:var(--pants-purple);border:2px solid var(--text-dark);border-radius:50%;bottom:30px;box-shadow:2px 2px 5px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:50px;justify-content:center;opacity:1;padding:0;position:fixed;right:30px;transition:opacity .3s ease-in-out,transform .2s ease;width:50px;z-index:999;&:hover{background-color:var(--pants-blue);transform:scale(1.1)}&:active{box-shadow:1px 1px 3px #0006;transform:scale(1)}}@media (max-width:768px){.scroll-button{bottom:20px;font-size:1.3em;height:45px;right:20px;width:45px}}@media (max-width:480px){.scroll-button{bottom:15px;font-size:1.2em;height:40px;right:15px;width:40px}}
/*# sourceMappingURL=main.5e351833.css.map*/