:root{--font-family:"Itim",cursive;--dark-green:#406b65;--light-green:#78c1a3;--lighter-green:#9fd7bb;--lightest-green:#c0e8c3;--white-green:#c6dfc9;--light-cyan:#cbebef;--peach-bg:#ffede4}*{box-sizing:border-box}#app,#root,body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffede4;background-color:var(--peach-bg);font-family:Itim,cursive;font-family:var(--font-family)}a{text-decoration:none}.home-container{background-position:bottom;background-size:cover;display:flex;height:100%;overflow:hidden;padding-bottom:.5rem;padding-top:4.9rem}.home-left,.home-right{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 .5rem;position:relative}.home-left,.home-sign{flex-direction:column}.home-sign{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--dark-green);display:flex;height:100%;justify-content:center;padding:0 9rem 4rem;text-align:center;width:100%}.home-sign h1{font-size:3rem;margin:0}.home-sign p{font-size:2rem}.home-bunny{background-repeat:no-repeat;background-size:contain;height:auto;margin-left:2rem;width:28%}.home-bunny img{height:auto;width:100%}.home-market{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;position:relative;width:100%}.home-crates{grid-row-gap:1rem;grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:40%;left:20.5%;position:relative;row-gap:1rem;top:57%;width:59%}.home-crate{align-items:center;background-repeat:no-repeat;background-size:contain;color:var(--dark-green);cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:auto;max-width:14rem;padding-top:1.1rem;text-align:center;width:auto}.home-crate:first-child,.home-crate:nth-child(3){background-position:100%}.home-crate:last-child,.home-crate:nth-child(2){background-position:0}.home-crate-header{margin:0 auto}.home-crate-icon{height:auto;width:14%}@media screen and (min-height:1100px){.home-sign{padding:0 6.8rem 6.5rem}.home-sign h1{font-size:5rem}.home-sign p{font-size:3rem}.home-crate{padding-top:2.3rem}.home-crate-header{font-size:1.5rem}.home-crate-icon{width:20%}}@media screen and (max-width:1647px){.home-sign{max-width:35rem;padding:0 2rem 4rem}.home-bunny{height:auto;width:38%}.home-market{max-width:35rem}.home-crates{height:40%;left:18.5%;max-height:13rem;position:relative;top:56%;width:63%}.home-crate-header{word-wrap:break-word;font-size:1rem;margin:0 auto}.home-crate-icon{display:none}}@media screen and (max-width:1210px){.home-container{flex-direction:column;gap:3rem;overflow-y:scroll;padding-top:4rem}.home-left{min-height:80vh}.home-sign{max-width:29rem;min-height:16rem;padding:0 3rem 2.2rem}.home-sign h1{font-size:1.88rem}.home-sign p{font-size:1.23rem;padding:0!important}.home-bunny{height:100%;max-width:18rem;position:relative;width:auto}.home-right{min-height:47vh}.home-market{margin-bottom:1rem;max-width:24rem}.home-crates{-webkit-column-gap:1rem;column-gap:1rem;height:40%;left:20.5%;max-height:169px;max-width:250px;position:relative;row-gap:.5rem;width:63%}.home-crate{padding:.1rem 1rem 0}}@media screen and (max-width:485px){.home-sign{padding:0 1.5rem 3rem}.home-sign h1{font-size:1.5rem}.home-sign p{margin:0}}@media screen and (max-width:420px){.home-container{padding-top:2rem}.home-sign{padding:0 1.5rem 4.75rem}.home-sign h1{font-size:1.5rem;line-height:1}.home-sign p{font-size:1.23rem}.home-bunny{width:50%!important}.home-crates{-webkit-column-gap:1rem;column-gap:1rem;height:30%;left:17%;position:relative;row-gap:.5rem;top:54.5%;width:65%}.home-crate:first-child,.home-crate:last-child,.home-crate:nth-child(2),.home-crate:nth-child(3){padding:.2rem 1.5rem 0!important}}@media screen and (max-height:910px){.home-sign{min-height:17rem}.home-sign h1{font-size:2rem}.home-sign p{font-size:1.5rem;padding:0 8rem}}@media screen and (max-height:880px){.home-crate-header{font-size:1.2rem}.home-crate:first-child,.home-crate:nth-child(3){padding-left:1rem;padding-top:.4rem}.home-crate:last-child,.home-crate:nth-child(2){padding-right:1rem;padding-top:.4rem}}@media screen and (max-height:820px){.home-crate-header{font-size:1.1rem}.home-crate:first-child,.home-crate:nth-child(3){padding-left:2.2rem;padding-top:.5rem}.home-crate:last-child,.home-crate:nth-child(2){padding-right:2.2rem;padding-top:.5rem}}@media screen and (max-height:760px){.home-crate-header{font-size:1rem}.home-crate:first-child,.home-crate:nth-child(3){padding-left:3.4rem;padding-top:.6rem}.home-crate:last-child,.home-crate:nth-child(2){padding-right:3.4rem;padding-top:.6rem}}@media screen and (max-height:700px){.home-sign{min-height:18rem;padding-top:1.5rem}.home-sign h1{font-size:2rem;margin:0}.home-sign p{font-size:1.5rem;padding:0 8rem}.home-bunny{width:18%}.home-market{min-height:31rem}.home-crate-header{font-size:.8rem}.home-crate:first-child,.home-crate:nth-child(3){padding-left:4.6rem;padding-top:.7rem}.home-crate:last-child,.home-crate:nth-child(2){padding-right:4.6rem;padding-top:.7rem}}@media (-webkit-device-pixel-ratio:1.25){:root{zoom:.8!important}.home-crate-header{font-size:1.5rem!important;width:79%}.home-crate{height:100%!important;margin:0!important;padding:0!important}}.main-container{align-items:center;background-position:0;background-repeat:no-repeat;background-size:116%;box-sizing:border-box;display:flex;flex-wrap:nowrap;height:100%}.concept-text{color:var(--dark-green);font-family:var(--font-family);font-size:1.8rem;font-weight:400;position:absolute;text-align:center;top:32%}.concept-text h1,.concept-text p{margin:0;padding:1% .1% 0 2.5%;width:80%}.left-main-box{align-content:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding-bottom:2%;position:relative;width:40%}.bunny_container{align-items:flex-end;display:flex;gap:4rem;height:42%;padding-left:1rem}.bunny{height:auto;margin-left:4rem;width:35%}.start_btn{flex-grow:1;height:100%;width:100%}.start-game-container{align-items:center;cursor:pointer;display:flex;height:15rem;justify-content:center;width:15rem}.start-game-container:hover{margin-bottom:1rem;scale:1.1}.start-game-container:hover>p{width:100%}.start-game-container:active{scale:.9}.start-game-container p{color:var(--dark-green);font-size:4rem;padding-bottom:2rem;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:40%}.speech_container{box-sizing:border-box;height:48%;padding:16% 15% 0;position:relative}.speech_bubble{height:100%;width:100%}.right-main-box{align-items:center;color:var(--dark-green);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,6.8rem);height:100%;justify-items:center;padding:15rem 5.6rem 0;width:60%}.letter-container{background-size:cover;cursor:pointer;height:77%;position:relative;transition:.1s ease-in-out;width:60%}.letter-container:hover{scale:1.1}.letter-container:active{scale:.9}.letter{bottom:-3.3rem;font-size:3.9rem;position:absolute;text-align:center;width:100%;z-index:10}@media (-webkit-device-pixel-ratio:1.25){:root{zoom:.788}.start-game-container p{top:2.5rem}.bg_container{height:74.3%;row-gap:.05rem}.right-main-box img{margin-left:1.41rem;margin-right:1.48rem}}.tone-container{background-position:50%;background-size:cover;display:flex;height:100%;overflow:hidden;padding-top:4.9rem}.tone-left{flex:0.98 1;position:relative}.tone-left img{width:80%}.tone-left img:last-child{width:60%}.tone-text{bottom:63%;color:var(--dark-green);left:0;padding-top:1.5rem;position:absolute;right:20%;text-align:center;top:0}.tone-text h1{font-size:3rem;margin:0}.tone-text p{font-size:1.9rem;margin-top:1rem}.tone-middle{align-items:center;color:var(--dark-green);display:flex;flex:1.2 1;flex-direction:column;justify-content:center;text-align:center}.tone-middle h3{margin-top:4rem}.tone-middle h1{font-size:5rem;margin:0}.tone-middle p{padding:0 7rem}.tone-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.tone-right h3{color:var(--dark-green);font-size:2rem;margin-top:-.1rem;padding:0 6rem;text-align:center}.symbolBtns{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:center;width:65%}.symbolBtn{cursor:pointer;height:auto;transition:.3s cubic-bezier(0,.99,0,.99);width:100%}.symbolBtn:hover{scale:1.1}.symbolBtn:active{scale:.95}.cluster-container{align-items:flex-end;background-position:bottom;background-size:cover;display:flex;height:100%;overflow:hidden;padding-top:4.9rem;position:relative}.cluster-left{display:flex;flex:1 1;flex-direction:column;position:relative}.cluster-left img:first-child{padding:1rem;width:95%}.cluster-left img:last-child{cursor:pointer;margin-left:1rem;max-height:22rem;width:60%}.speech-text{color:var(--dark-green);left:9%;position:absolute;right:15%;text-align:center;top:5%}.speech-text h1{font-size:3rem;margin:0}.speech-text p{font-size:1.9rem;margin-top:1rem}.cluster-right{display:flex;flex:2.5 1;flex-direction:column;gap:3rem;justify-content:center;padding-right:3rem;padding-top:8.5rem}.cluster-btns{display:flex;flex:2 1;flex-wrap:wrap;gap:1rem;max-height:24.4rem;min-height:24.4rem;padding:2rem 6rem .5rem;row-gap:0}.cluster-btn{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:cover;color:var(--dark-green);cursor:pointer;display:flex;font-size:2rem;justify-content:center;transition:.3s cubic-bezier(0,.99,0,.99);-webkit-user-select:none;user-select:none}.cluster-btn:hover{scale:1.1}.cluster-btn:active{scale:.95}.consonant{height:7.64rem;width:9.5rem}.double{height:4.2rem;padding-bottom:.9rem;padding-left:.35rem;width:5.3rem}.triple{height:5rem;padding-bottom:.25rem;padding-right:.75rem;width:9.5rem}.cluster-bags{display:flex;flex:1 1;padding:0 3rem;-webkit-user-select:none;user-select:none}.cluster-bag{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--dark-green);cursor:pointer;position:relative;text-align:right;transition:.4s cubic-bezier(0,.99,0,.99)}.cluster-bag:hover{animation:shake-bag 3s infinite alternate-reverse;scale:1.1;z-index:100}.cluster-bag:active{scale:.99}.consonant-header{left:7rem!important;top:-1.9rem!important;width:50%!important}.cluster-bag h3{font-size:1.8rem;left:9.3rem;position:absolute;top:-1.8rem;width:40%}.cluster-bag img{height:100%;width:100%}@-webkit-keyframes shake-bag{0%{rotate:-1deg}25%{rotate:1deg}50%{rotate:-1deg}75%{rotate:1deg}to{rotate:0deg}}@keyframes shake-bag{0%{rotate:-1deg}25%{rotate:1deg}50%{rotate:-1deg}75%{rotate:1deg}to{rotate:0deg}}.vocab-container{align-items:center;background-size:cover;display:flex;height:100%;justify-content:center;overflow:hidden;padding-bottom:2rem;padding-top:13rem}.vocab-lists{box-shadow:inset 0 7px 9px -10px var(--light-green);height:100%;margin:0 5rem;overflow-y:auto;text-align:left;width:100%}.audioCol{align-items:center;display:flex;gap:5px}.playIcon{cursor:pointer}.vocab-lists h1{display:flex;justify-content:center}.vocab-lists table{margin:0 auto}.vocab-lists tr,th{border:1px solid #000;padding:1rem}@media screen and (max-width:1500px){.vocab-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:100% auto;overflow:hidden;padding-bottom:2rem;padding-top:5.5rem}.vocab-lists{height:66%}}@media screen and (max-width:1079px){.vocab-container{background-image:none!important;padding:3.5rem 0 0}.vocab-lists{border-bottom:1px dotted var(--light-green);height:90%}}@media screen and (max-width:610px){.vocab-container{padding-top:5rem}.vocab-lists{box-shadow:inset 0 7px 9px -10px var(--light-green);height:100%;margin:0 1rem;overflow-y:auto;text-align:left;width:100%}}.nav-container{align-items:center;background-color:var(--peach-bg);border-bottom:6px solid var(--dark-green);box-shadow:0 0 5px var(--dark-green);display:flex;justify-content:space-between;padding:.65rem 1rem;position:relative;position:fixed;width:100%;z-index:100}.nav-logo{width:110px}.nav-logo img{width:100%}.nav-item,.nav-items{display:flex}.nav-item{align-items:center;border-radius:25px;color:var(--dark-green);font-size:2rem;gap:.25rem;justify-content:center;padding:.1rem 1rem;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background-color:var(--white-green)}.nav-menu{align-items:flex-end;display:none;flex-direction:column;position:relative}.nav-menu-icon{color:var(--dark-green);height:25px;width:25px}.nav-menu-items{align-items:flex-end;-webkit-animation:open .3s forwards;animation:open .3s forwards;background-color:var(--peach-bg);border-bottom:6px solid var(--dark-green);border-left:6px solid var(--dark-green);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;position:absolute;right:-1rem;top:2.9rem}.nav-menu-close{-webkit-animation:close .3s forwards;animation:close .3s forwards}.hidden{visibility:hidden}@media screen and (max-width:1100px){.nav-items{display:none}.nav-menu{display:flex}}@-webkit-keyframes open{0%{right:-25rem}to{right:-1rem}}@keyframes open{0%{right:-25rem}to{right:-1rem}}@-webkit-keyframes close{0%{right:-1rem}to{display:none;right:-25rem}}@keyframes close{0%{right:-1rem}to{display:none;right:-25rem}}.app-container{height:100%}
/*# sourceMappingURL=main.df8b5297.css.map*/