:root{box-sizing:border-box;overflow:hidden;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:25px;font-weight:600;background-color:var(--primary-color);color:var(--text-dark);text-align:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #f06718;--secondary-color: #f3b50e;--accent-color: #65a922;--background-light: #ffffff;--text-dark: #000000;--top-bar-offset: 35px;--border-radius: 20px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100vh;margin:0;padding:0}.top-bar{position:sticky;background-color:var(--primary-color);top:0;width:100%;height:30px;padding:5px 10px 30px;display:flex;flex-direction:row;justify-content:space-between}.app-container{display:flex;flex-direction:column;height:100%}.app-content{flex:1}.top-bar-tips{font-size:18px}.top-bar-instructions{margin-top:var(--top-bar-offset);position:absolute;top:0;left:0;background-color:var(--primary-color);width:100%;height:100%;z-index:inherit;display:flex;flex-direction:column;padding:20px 20px 100px;overflow-y:auto;text-align:start}.top-bar-instructions a{font-size:18px;color:var(--text-dark)}.top-bar-instructions p{font-size:18px}.top-bar-instructions h5{text-align:center;margin-bottom:0;margin-top:20px}@media (min-width: 700px){.top-bar{height:50px}.top-bar-tips{font-size:30px}.top-bar-instructions p{font-size:25px}.top-bar-instructions h5{font-size:40px}}.bite-hero-logo{width:100px;height:100px}@media (min-width: 700px){.bite-hero-logo{width:200px;height:200px}}.bh-button{width:60%;font-size:25px;font-weight:550;text-decoration:none;background-color:var(--secondary-color);padding:10px;border-radius:var(--border-radius);border:3px solid var(--text-dark);display:flex;justify-content:center}.bh-button-icon{width:32px;height:32px}.bh-button-icon-container{display:flex;gap:10px;flex-direction:row;align-items:center}@media (min-width: 700px){.bh-button{font-size:40px}.bh-button-icon{width:60px;height:52px}}.bh-basic-menu{display:flex;flex-direction:column;align-items:center;height:100%}.bh-menu-title{text-align:center;padding:20px;font-size:30px;width:100%}.bh-menu-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:200px;gap:20px;padding:5px;width:100%}@media (min-width: 700px){.bh-menu-title{font-size:50px}}.home-page-image{margin:20px;border-radius:var(--border-radius)}.home-button-container{display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px}.not-found-container{color:var(--background-light)}.not-found-text{display:flex;justify-self:center;max-width:400px}.not-found-link{color:var(--background-light)}.bite-counter{display:flex;flex-direction:column;align-items:center;height:100%}.bc-list-container{width:90%;overflow-y:auto}.bc-start-button{padding:20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.bc-title{text-align:center;padding:20px;font-size:30px;width:100%}.bc-theme-list{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:200px;gap:4px;padding:5px}.theme-item{display:flex;flex-direction:row;padding:10px;gap:10px;width:60%;background-color:var(--secondary-color);border:3px solid var(--text-dark);border-radius:var(--border-radius);justify-content:center}.theme-item-icon{width:40px;height:32px}.bc-selected{border:3px solid var(--text-dark);background-color:var(--accent-color)}.bc-input-container{padding:12px;margin-top:20px;display:flex;flex-direction:column;justify-content:space-evenly}.bc-input-title{padding:8px}.bc-input{width:40%;padding:8px;text-align:center;align-self:center;background-color:var(--background-light);border:3px solid var(--text-dark);border-radius:var(--border-radius);font-size:25px}.bc-input:focus{outline:none}@media (min-width: 700px){.theme-item{font-size:40px}.theme-item-icon{width:60px;height:52px}.bc-theme-list{height:400px}.bc-input{font-size:40px}.bc-title{font-size:50px}.bite-counter{font-size:40px}}.bc-display{display:flex;flex-direction:column;align-items:center;height:100%;gap:10%}.bc-display-image-sizes{width:100vw;height:50vh}.bc-display-image-cover{background-color:var(--accent-color);width:100vw;height:50vh;z-index:1;position:absolute;border:3px solid var(--text-dark)}@keyframes jiggle{0%,to{transform:translate(0)}25%{transform:translate(-5px);transform:rotate(-10deg)}50%{transform:translate(5px);transform:rotate(10deg)}75%{transform:translate(-3px);transform:rotate(-5deg)}}.jiggle{animation:jiggle 3s ease-in-out}.bc-background-lightBlue{background-image:radial-gradient(circle,#fff,#0ff 60%)}.bc-background-red{background-image:radial-gradient(circle,#fff,red 60%)}.bc-background-accent{background-image:radial-gradient(circle,rgba(255,255,255,1) 0%,var(--accent-color) 60%)}.bc-background-secondary{background-image:radial-gradient(circle,rgba(255,255,255,1) 0%,var(--secondary-color) 60%)}.bc-background-purple{background-image:radial-gradient(circle,#fff,#6f00ff 60%)}.bc-background-blue{background-image:radial-gradient(circle,#fff,#0004ff 60%)}.bc-background-pink{background-image:radial-gradient(circle,#fff,#ff00f2 60%)}.hero-menu{display:flex;flex-direction:column;align-items:center;height:100%}.hero-menu-logo{width:100px;height:100px}.hm-title{text-align:center;padding:20px;font-size:30px;width:100%}.hm-menu-container{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:200px;gap:20px;padding:5px;width:100%}@media (min-width: 700px){.hm-title{font-size:50px}}.fh-background-image{width:100%;height:80%;background-color:#b1ca3c;border-top:3px solid var(--text-dark);border-bottom:3px solid var(--text-dark)}.fh-frog{position:fixed;transform:translate(-50%,-50%);z-index:3;width:25%;height:20%}.fh-jump-button{margin-top:20px;display:flex;justify-content:center}.fh-hide{display:none}.fh-left{left:10%}.fh-center{left:50%}.fh-right{left:92%}.fh-finish{left:120%}.fh-left,.fh-right,.fh-center,.fh-finish{top:34%}.fh-right,.fh-center,.fh-finish{transition:left .2s ease-in-out}.fh-instructions-container{position:absolute;top:0;margin-top:var(--top-bar-offset);display:flex;align-items:center;align-content:center;justify-content:center;width:100%;container-type:inline-size}.fh-instructions{padding:20px;@container (min-width: 700px){font-size:40px}}.sm-container{display:flex;flex-direction:column;width:100%}.sp-container{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;gap:20px}.sp-page{height:70%;width:100%}.sp-image{height:100%;width:100%}.pp-container{box-sizing:border-box;font-size:18px;text-align:left;display:flex;flex-direction:column;padding:25px;width:100%;height:100%;overflow:auto;position:absolute}.pp-container a{color:var(--text-dark);padding-left:5px;padding-right:5px}.pp-container h2{font-size:20px}